/*
Theme Name: CustomWP
Theme URI: https://example.com/customwp-theme
Author: Nafiz
Author URI: https://example.com
Description: A modern, ultra-responsive, SEO-optimized and performance-driven custom WordPress theme with dark mode, customizable hero, and dynamic layouts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: customwp
Tags: blog, one-column, two-columns, custom-header, custom-menu, featured-images, full-width-template, theme-options, translation-ready

CustomWP WordPress Theme, (C) 2026 Nafiz
CustomWP is distributed under the terms of the GNU GPL.
*/

/* ==========================================================================
   Base Theme Variables & Foundation (Detailed rules in assets/css/main.css)
   ========================================================================== */
:root {
    --cw-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --cw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    
    /* Color Palette - Modern Indigo / Emerald / Slate */
    --cw-primary: #4f46e5;
    --cw-primary-hover: #4338ca;
    --cw-primary-light: #eef2ff;
    --cw-accent: #06b6d4;
    --cw-accent-gradient: linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);
    
    /* Light Mode Tokens */
    --cw-bg: #f8fafc;
    --cw-surface: #ffffff;
    --cw-surface-card: #ffffff;
    --cw-surface-glass: rgba(255, 255, 255, 0.85);
    --cw-border: #e2e8f0;
    --cw-border-subtle: #f1f5f9;
    --cw-text-main: #0f172a;
    --cw-text-muted: #64748b;
    --cw-text-light: #94a3b8;
    
    /* Shadows */
    --cw-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --cw-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06);
    --cw-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.08);
    --cw-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.06);
    
    /* Layout */
    --cw-container-width: 1200px;
    --cw-content-width: 800px;
    --cw-radius-sm: 8px;
    --cw-radius-md: 12px;
    --cw-radius-lg: 18px;
    --cw-radius-full: 9999px;
    --cw-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Tokens */
[data-theme="dark"] {
    --cw-bg: #0b0f19;
    --cw-surface: #111827;
    --cw-surface-card: #172033;
    --cw-surface-glass: rgba(17, 24, 39, 0.88);
    --cw-border: #1f293d;
    --cw-border-subtle: #162032;
    --cw-text-main: #f8fafc;
    --cw-text-muted: #94a3b8;
    --cw-text-light: #64748b;
    --cw-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4);
    --cw-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5);
    --cw-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.6);
}