:root {
    /* Base Brand Colors */
    --clr-saffron: #E4E51B;
    --clr-black: #0B0B0B;
    --clr-white: #FFFFFF;
    
    /* Typography */
    --font-display: 'Instrument Serif', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Spacing System (8px grid) */
    --sp-1: 0.5rem;   /* 8px */
    --sp-2: 1rem;     /* 16px */
    --sp-3: 1.5rem;   /* 24px */
    --sp-4: 2rem;     /* 32px */
    --sp-6: 3rem;     /* 48px */
    --sp-8: 4rem;     /* 64px */
    --sp-12: 6rem;    /* 96px */
    --sp-24: 12rem;   /* 192px (Luxury whitespace) */
    
    /* Transitions & Motion */
    --ease-premium: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-fast: 0.2s var(--ease-premium);
    --transition-base: 0.4s var(--ease-premium);
    --transition-slow: 0.8s var(--ease-premium);
}


/* Light Mode Theme (Premium Tech / Apple Style) */
[data-theme="light"] {
    /* Backgrounds: Gris ultra-clair pour faire ressortir le blanc pur des cartes */
    --bg-primary: #F5F5F7; 
    --bg-secondary: #EBEBF0; 
    --bg-card: #FFFFFF; 
    --bg-elevated: rgba(255, 255, 255, 0.85); 
    
    /* Typography: Noir adouci (moins agressif que le #000) et gris premium */
    --text-primary: #1D1D1F; 
    --text-secondary: #86868B; 
    --text-inverse: #FFFFFF; 
    
    /* Borders & Shadows: Très subtil, presque invisible, juste pour structurer */
    --border-color: rgba(0, 0, 0, 0.06); 
    --shadow-sm: 0 4px 14px rgba(0,0,0,0.04);
    --shadow-lg: 0 20px 40px rgba(0,0,0,0.08);
    
    /* Accents & Glass */
    --accent-primary: var(--clr-saffron);
    --accent-luxury: #B89D52;
    --glass-bg: rgba(255, 255, 255, 0.75);
}

/* Dark Mode Theme */
[data-theme="dark"] {
    --bg-primary: #050505; /* Deep Black */
    --bg-secondary: #0E0E0E; /* Card Background */
    --bg-card: #171717; /* Elevated */
    --bg-elevated: rgba(23, 23, 23, 0.8);
    
    --text-primary: #FFFFFF;
    --text-secondary: #BEBEBE; /* Muted */
    --text-inverse: #0B0B0B;
    
    --border-color: rgba(255, 255, 255, 0.08);
    --shadow-sm: 0 4px 12px rgba(0,0,0,0.5);
    --shadow-lg: 0 24px 48px rgba(0,0,0,0.8);
    
    --accent-primary: var(--clr-saffron);
    --accent-luxury: #B89D52;
    --glass-bg: rgba(5, 5, 5, 0.7);
}