/*
Theme Name: ToolCore Elementor Canvas
Theme URI: https://yourwebsite.com/toolcore
Author: Your Name
Author URI: https://yourwebsite.com
Description: A minimal, high-performance canvas theme designed for full-site editing with Elementor and the Header Footer & Blocks plugin.
Version: 5.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, theme-options, translation-ready, accessibility-ready, one-column
Text Domain: toolcore
*/
:root { --bg-dark-primary: #111827; --bg-dark-secondary: #1F2937; --text-primary: #D1D5DB; --text-secondary: #9CA3AF; --accent-primary: #22D3EE; --border-color: #374151; --text-light: #FFFFFF; }
body { background-color: var(--bg-dark-primary); color: var(--text-primary); font-family: 'Inter', sans-serif; }
a { color: var(--accent-primary); text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Orbitron', sans-serif; color: var(--text-light); }
img { max-width: 100%; height: auto; }
.tools-grid-container, .latest-posts-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
.tool-card { display: block; background: var(--bg-dark-secondary); border: 1px solid var(--border-color); padding: 1.5rem; border-radius: 10px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tool-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(34, 211, 238, 0.1); }
.tool-card-icon img { width: 50px; height: 50px; margin: 0 auto 1rem auto; border-radius: 8px; object-fit: cover; background: var(--bg-dark-primary); }
.tool-card h3 { font-size: 1.25rem; color: var(--text-light); margin: 0; }
.post-card { display: block; background: var(--bg-dark-secondary); border-radius: 10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.post-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(34, 211, 238, 0.1); }
.post-card img { width: 100%; height: 200px; object-fit: cover; }
.post-card-content { padding: 1.5rem; }
.post-card h3 { font-size: 1.25rem; color: var(--text-light); margin-top: 0; }
.post-card .post-excerpt { color: var(--text-secondary); }