/* =========================================
   PEOPLE DESIGN SYSTEM - TOKENS
   Propelling the Meaning Economy Aesthetics
   ========================================= */

:root {
    /* --- Core Palette (Neutrals) --- */
    --color-bg-deep: #0f0f1e;
    --color-bg-dark: #121212;
    --color-bg-card: rgba(255, 255, 255, 0.05);
    --color-glass: rgba(255, 255, 255, 0.08);
    
    /* --- Brand Colors (The Golden Standard) --- */
    --color-primary: #667eea;      /* Modern Blue */
    --color-primary-light: #764ba2;
    --color-accent: #f093fb;       /* Soft Pink/Purple */
    --color-gold: #C5A059;         /* Premium Gold */
    --color-gold-bright: #F5D576;
    
    /* --- Functional Colors --- */
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    
    /* --- Text Colors --- */
    --text-primary: #ffffff;
    --text-secondary: #a8a8b3;
    --text-muted: #888888;
    --text-bone: #E0E0E0;
    
    /* --- Borders & Outlines --- */
    --border-glass: rgba(255, 255, 255, 0.15);
    --border-gold: rgba(197, 160, 89, 0.3);
    
    /* --- Typography --- */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Inter', 'Montserrat', sans-serif;
    
    /* --- Spacing --- */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    
    /* --- Elevation & Motion --- */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    
    --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --shadow-gold: 0 0 20px rgba(197, 160, 89, 0.2);
}

/* Global Dark Mode Support (Default) */
[data-theme="light"] {
    /* --- Core Palette (Neutrals) --- */
    --color-bg-deep: #ebe6dd;      /* Soft Warm Linen Background */
    --color-bg-dark: #f5f2eb;      /* Warm Antique White Panels */
    --color-bg-card: rgba(0, 0, 0, 0.03);
    --color-glass: rgba(0, 0, 0, 0.04);
    
    /* --- Text Colors --- */
    --text-primary: #2a2825;       /* Warm Charcoal/Dark Espresso Text */
    --text-secondary: #5e5a54;     /* Muted Espresso */
    --text-muted: #858076;         /* Dusty Bronze */
    --text-bone: #2a2825;
    
    /* --- Borders & Outlines --- */
    --border-glass: rgba(0, 0, 0, 0.06);
    --border-gold: rgba(197, 160, 89, 0.35);
}