/*
Theme Name: Sharma Car Beauty
Theme URI: https://sharmacarbeauty.com
Author: Sharma Car Beauty Studio
Author URI: https://sharmacarbeauty.com
Description: High-performance, lightweight custom WordPress theme for Sharma Car Beauty (Batala, Punjab). Specializing in custom bucket seat covers, Android screens, LED lighting, 7D mats, car detailing & quick polish treatments.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sharmacarbeauty
Tags: automotive, car-decor, custom-seat-covers, detailing, batala, fast, responsive-layout, dark-mode
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES (60-30-10 PALETTE RULE)
   ========================================================================== */
:root {
    /* 10% Primary Accent: Crimson Red */
    --color-primary: #D32626;
    --color-primary-hover: #B71C1C;
    --color-primary-glow: rgba(211, 38, 38, 0.25);

    /* 60% Dominant Dark: Asphalt Black */
    --color-dark-dominant: #111315;
    
    /* 30% Surface / Elevation: Graphite Gray */
    --color-surface: #1C2024;
    --color-surface-hover: #252B31;
    --color-surface-elevated: #2D333B;

    /* Border & Divider: Gunmetal Slate */
    --color-border: #343A40;
    --color-border-light: #4A515A;

    /* Muted Text / Accent: Platinum Silver */
    --color-muted: #9CA3AF;
    --color-muted-dark: #6B7280;

    /* Base Light / Contrast: Clean Gloss White */
    --color-light-contrast: #F8F9FA;
    --color-pure-white: #FFFFFF;

    /* High-Conversion WhatsApp Accent */
    --color-whatsapp: #25D366;
    --color-whatsapp-hover: #1EBE5D;
    --color-whatsapp-glow: rgba(37, 211, 102, 0.25);

    /* Speed Cyan & Gold Accent for Highlights */
    --color-speed-cyan: #00B4D8;
    --color-gold: #FFB703;

    /* Semantic Theme Aliases (Default: Dark Theme) */
    --bg-page: var(--color-dark-dominant);
    --bg-surface: var(--color-surface);
    --bg-surface-elevated: var(--color-surface-elevated);
    --border-color: var(--color-border);
    --text-primary: var(--color-light-contrast);
    --text-secondary: var(--color-muted);
    --text-accent: var(--color-primary);

    /* Typography */
    --font-heading: 'Montserrat', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    --font-body: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;

    /* Layout & Geometry */
    --container-max: 1240px;
    --container-padding: 1.5rem;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 9999px;
    
    /* Header Dimensions */
    --header-height: 94px;
    --topbar-height: 38px;
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light Theme Overrides */
body.light-theme {
    --bg-page: var(--color-light-contrast);
    --bg-surface: #FFFFFF;
    --bg-surface-hover: #F1F3F5;
    --bg-surface-elevated: #E9ECEF;
    --border-color: #DEE2E6;
    --text-primary: var(--color-dark-dominant);
    --text-secondary: #495057;
    --text-accent: var(--color-primary);
}