/* Theme Name: 072DESIGN Portal Theme URI: https://072design.nl Description: White-label child theme voor Hello Elementor — powered by 072DESIGN Author: 072DESIGN Author URI: https://072design.nl Template: hello-elementor Version: 1.0.0 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: o72design */ /* * Frontend design tokens are loaded from client-config.php. * This file provides the base styles; client-specific colors * are injected as CSS custom properties via wp_head. * * For client-specific token overrides, see client-config.php → tokens. */ /* ============================================ GOOGLE FONTS (from config, fallback here) ============================================ */ @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap'); /* ============================================ CSS CUSTOM PROPERTIES — Defaults These get overridden by the config tokens injected in via o72_inject_tokens(). ============================================ */ :root { --o72-primary: #1a1f2e; --o72-primary-light: #4b5563; --o72-accent: #6b7280; --o72-accent-hover: #4b5563; --o72-surface: #f5f6f8; --o72-border: #e5e7eb; --o72-text-body: #404a64; --o72-text-heading: #000000; --o72-shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1); --o72-shadow-card-hover: 0 4px 6px -1px rgb(0 0 0 / 0.1); --o72-transition: 300ms; --o72-radius: 12px; } /* ============================================ BASE TYPOGRAPHY ============================================ */ body { font-family: var(--o72-font-family, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif); color: var(--o72-text-body); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-family: var(--o72-font-family, 'Plus Jakarta Sans', system-ui, sans-serif); color: var(--o72-text-heading); letter-spacing: -0.02em; } p { line-height: 1.625; } /* ============================================ ACCENT STYLES ============================================ */ .icon-accent, .text-accent { color: var(--o72-accent); } .icon-container-accent { background-color: color-mix(in srgb, var(--o72-accent) 15%, transparent); } .elementor-widget-icon-list .elementor-icon-list-icon { color: var(--o72-accent); } a:hover { color: var(--o72-primary-light); } /* ============================================ BUTTON OVERRIDES ============================================ */ .elementor-button { transition: all 200ms ease-out !important; } .elementor-button:hover { transform: translateY(-1px); } .elementor-button:active { transform: translateY(0); } /* ============================================ CARD STYLES ============================================ */ .o72-card { border-radius: var(--o72-radius); box-shadow: var(--o72-shadow-card); transition: box-shadow var(--o72-transition) ease; } .o72-card:hover { box-shadow: var(--o72-shadow-card-hover); } /* ============================================ UTILITY CLASSES ============================================ */ .eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; } .bg-surface { background-color: var(--o72-surface); } .bg-primary { background-color: var(--o72-primary); } .text-balance { text-wrap: balance; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } /* ============================================ MOBILE OVERFLOW PROTECTION ============================================ */ html, body { overflow-x: hidden; }