/* --- 1. CORE DESIGN SYSTEM & TOKENS --- */
:root {
    /* Canvas & Surfaces (Light Theme) */
    --bg-body: #f8fafc;
    --bg-panel: #ffffff;
    --bg-panel-rgb: 255, 255, 255;
    --bg-surface-elevated: #ffffff;
    --bg-surface-subtle: #f1f5f9;
    --bg-glass: rgba(255, 255, 255, 0.85);

    /* Sidebar Theme Tokens (Theme-Adaptive) */
    --bg-sidebar: #ffffff;
    --sidebar-border: #e2e8f0;
    --sidebar-text-title: #0f172a;
    --sidebar-text-sub: #64748b;
    --sidebar-input-bg: #f8fafc;
    --sidebar-input-border: #e2e8f0;
    --sidebar-input-text: #0f172a;
    --sidebar-card-bg: #ffffff;
    --sidebar-card-border: #e2e8f0;
    --sidebar-card-hover: #f8fafc;
    --sidebar-tag-bg: #f1f5f9;
    --sidebar-tag-text: #475569;

    /* Semantic Color Palette (Linear / Stripe Grade) */
    --color-primary: #4f46e5;       /* Calibrated Indigo */
    --color-primary-dark: #4338ca;
    --color-primary-soft: rgba(79, 70, 229, 0.08);
    --color-primary-glow: rgba(79, 70, 229, 0.25);
    
    --color-secondary: #06b6d4;     /* Crisp Cyan Accent */
    --color-accent: #6366f1;
    
    --color-success: #10b981;       /* Emerald */
    --color-success-soft: rgba(16, 185, 129, 0.1);
    
    --color-warning: #f59e0b;       /* Amber */
    --color-warning-soft: rgba(245, 158, 11, 0.1);
    
    --color-danger: #ef4444;        /* Rose / Coral */
    --color-danger-soft: rgba(239, 68, 68, 0.1);

    /* Typography Hierarchy */
    --text-main: #0f172a;           /* Deep Slate */
    --text-muted: #64748b;          /* Balanced Secondary Slate */
    --text-subtle: #94a3b8;         /* Tertiary Subtle */
    --text-light: #f8fafc;

    --border-light: #e2e8f0;
    --border-subtle: #f1f5f9;
    --border-focus: rgba(79, 70, 229, 0.35);

    /* CV Preview Neutral Canvas */
    --cv-preview-bg: #e5e8ee;
    --cv-preview-label: rgba(15, 23, 42, 0.45);
    --cv-page-shadow: 0 4px 22px rgba(15, 23, 42, 0.16);

    /* Multi-layered Ambient Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 8px 20px -4px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-drawer: -12px 0 36px rgba(15, 23, 42, 0.12);
    --shadow-glow: 0 0 20px rgba(79, 70, 229, 0.25);

    /* Geometry Tokens */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 9999px;

    /* Typography Families */
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Motion Curves */
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-drawer: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Dark Mode Overrides */
body.dark-mode {
    /* Canvas & Surfaces (Dark Theme) */
    --bg-body: #090d16;
    --bg-panel: #111726;
    --bg-panel-rgb: 17, 23, 38;
    --bg-surface-elevated: #161e31;
    --bg-surface-subtle: #0e1422;
    --bg-glass: rgba(17, 23, 38, 0.90);

    /* Sidebar Theme Tokens */
    --bg-sidebar: #0b0f19;
    --sidebar-border: rgba(255, 255, 255, 0.07);
    --sidebar-text-title: #f8fafc;
    --sidebar-text-sub: #94a3b8;
    --sidebar-input-bg: rgba(255, 255, 255, 0.05);
    --sidebar-input-border: rgba(255, 255, 255, 0.08);
    --sidebar-input-text: #f8fafc;
    --sidebar-card-bg: #111726;
    --sidebar-card-border: rgba(255, 255, 255, 0.06);
    --sidebar-card-hover: #161e31;
    --sidebar-tag-bg: rgba(255, 255, 255, 0.06);
    --sidebar-tag-text: #cbd5e1;

    /* Dark Mode Text */
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --text-subtle: #64748b;

    --border-light: rgba(255, 255, 255, 0.08);
    --border-subtle: rgba(255, 255, 255, 0.04);
    --border-focus: rgba(99, 102, 241, 0.45);

    /* CV Preview */
    --cv-preview-bg: #0b1120;
    --cv-preview-label: rgba(226, 232, 240, 0.5);
    --cv-page-shadow: 0 6px 26px rgba(0, 0, 0, 0.55);

    /* Dark Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 24px -4px rgba(0, 0, 0, 0.6);
    --shadow-drawer: -12px 0 40px rgba(0, 0, 0, 0.6);
}