/* Theme Name: Blockframe Theme URI: https://example.com/blockframe Author: Your Studio Author URI: https://example.com Description: A colorful, block-driven WordPress theme for product and SaaS sites — built in the spirit of flexible, database-style tools where content organizes itself into grids, views, and cards. Bold geometric type, a rainbow accent system, a left-nav app shell with a real user-account menu, and a signature animated "cell grid" hero. Includes light/dark mode, GravityView compatibility styling, and a full set of Customizer appearance controls. Version: 2.8.2 Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: blockframe Tags: blog, one-column, two-columns, grid-layout, custom-logo, custom-menu, custom-colors, editor-style, featured-images, full-width-template, threaded-comments, translation-ready */ /* ========================================================================== 0. Tokens ========================================================================== */ :root{ --ink: #17181C; --ink-soft: #4A4C56; --paper: #FBF9F4; --paper-dim: #F1EEE5; --line: #E6E2D6; --surface: #FFFFFF; --text: var(--ink); --text-soft: var(--ink-soft); --header-bg: rgba(251,249,244,0.85); --yellow: #FFC629; --coral: #FF6B5E; --blue: #2D7FF9; --violet: #8B5CF6; --teal: #12B3A8; --sidebar-bg: var(--paper-dim); --logo-bg: transparent; --logo-size: 30px; --nav-hover: rgba(255,255,255,.7); --display: "Sora", "Segoe UI", system-ui, sans-serif; --body: "Inter", "Segoe UI", system-ui, sans-serif; --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; --body-font-size: 17px; --body-line-height: 1.6; --heading-weight: 700; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 28px; --shadow-card: 0 2px 0 rgba(23,24,28,0.06), 0 12px 30px -14px rgba(23,24,28,0.18); --container: 1180px; color-scheme: light; } /* Dark mode — toggled by setting data-theme="dark" on (see js/main.js and the inline no-flash script in header.php / template-parts/app-shell.php). Uses html[data-theme="dark"] (type + attribute selector) rather than a plain [data-theme="dark"], so it reliably outranks the Customizer's inline :root overrides (equal-specificity rules resolve by source order, and the Customizer's