:root {
    /* ========================================
       TYPOGRAPHIE - Spacestylist
       ======================================== */
    --font-family-body:    'Campton', system-ui, sans-serif;      /* Texte courant */
    --font-family-heading: 'Canela', Georgia, serif;              /* Grands titres */
    --font-family-accent:  'Betterlett', cursive;                 /* Texte mis en avant */

    /* ========================================
       COULEURS - Spacestylist
       ======================================== */

    /* --- Primaire (bleu) --- */
    --color-primary: #39708d;
    --color-primary-light: #5a9596;
    --color-primary-dark: #2e3155;

    /* --- Secondaire (lavande/vert) --- */
    --color-secondary: #e0d3e9;
    --color-secondary-light: #ddf1fb;
    --color-secondary-dark: #5a9596;

    /* --- Neutres --- */
    --color-white: #ffffff;
    --color-black: #000000;

    /* --- Fonds --- */
    --color-background: #f8f9fa;
    --color-surface: #ddf1fb;
    --color-warm-neutral: #f9f7f5;

    /* --- Texte --- */
    --color-text: #2e3155;
    --color-text-muted: #39708d;
    --color-text-light: #5a9596;
    --color-white-muted: rgba(255, 255, 255, 0.75);
    --color-accent-warm: #a8604a;
    --color-accent-warm-light: #f0b699;

    /* --- Bordures --- */
    --color-border: #e0d3e9;
    --color-border-dark: #5a9596;

    /* --- États --- */
    --color-success: #22c55e;
    --color-success-light: #dcfce7;
    --color-error: #ef4444;
    --color-error-light: #fee2e2;
    --color-error-dark: #dc2626;
    --color-warning: #f59e0b;
    --color-warning-light: #fef3c7;
    --color-info: #39708d;
    --color-info-light: #ddf1fb;

    /* --- Ombres (profondeur Purity UI) --- */
    --shadow-xs: 0 1px 2px rgba(46, 49, 85, 0.04);
    --shadow-sm: 0 2px 8px rgba(46, 49, 85, 0.06);
    --shadow-md: 0 4px 16px rgba(46, 49, 85, 0.08);
    --shadow-lg: 0 8px 32px rgba(46, 49, 85, 0.10);
    --shadow-focus: 0 0 0 3px rgba(57, 112, 141, 0.1);

    /* --- Rayons de bordure --- */
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.25rem;
    --radius-full: 9999px;

    /* --- Transitions --- */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;


    /* --- Glassmorphisme --- */
    --color-glass: color-mix(in srgb, var(--color-white) 90%, transparent);
    --color-glass-border: color-mix(in srgb, var(--color-secondary) 60%, transparent);
}