/* css/variables.css */
:root {
    /* Palette — thème clair immersif */
    --color-bg: #f0f2f5;
    --color-text: #1b1f27;
    --color-text-light: #4a5568;
    --color-text-on-dark: #f7fafc;
    --color-text-on-dark-muted: rgba(255, 255, 255, 0.7);
    --color-primary: #6366f1;
    --color-primary-dark: #4f46e5;
    --color-secondary: #10b981;
    --color-accent: #f59e0b;
    --color-white: #ffffff;

    /* Surfaces */
    --surface-glass: rgba(255, 255, 255, 0.6);
    --surface-glass-strong: rgba(255, 255, 255, 0.85);
    --surface-dark: rgba(0, 0, 0, 0.55);
    --surface-dark-strong: rgba(0, 0, 0, 0.7);

    /* Gradients */
    --gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-warm: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    --gradient-nature: linear-gradient(160deg, #0f4c3a 0%, #1a6b4c 40%, #2d8659 100%);
    --gradient-night: linear-gradient(160deg, #0a0e27 0%, #1a1445 40%, #0d1137 100%);
    --gradient-sky: linear-gradient(160deg, #dbeafe 0%, #ede9fe 50%, #fce7f3 100%);
    --gradient-earth: linear-gradient(160deg, #fef3c7 0%, #fde68a 50%, #f9c06b 100%);

    /* Typographie */
    --font-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-title: 'Outfit', 'Inter', sans-serif;

    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 5rem;

    /* Ombres */
    --shadow-text: 0 2px 20px rgba(0, 0, 0, 0.3);
    --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 16px 48px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 40px rgba(99, 102, 241, 0.25);

    /* Rayons de bordure */
    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 28px;

    /* Transitions */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --transition-fast: 0.3s var(--ease-out);
    --transition-smooth: 0.6s var(--ease-out);
}