/* ===========================================================
   variables.css — Charte v4 « Édition érudite »
   =========================================================== */

:root {
    /* Palette */
    --color-primary:        #064e3b;
    --color-primary-dark:   #022c22;
    --color-primary-deeper: #011a14;
    --color-primary-soft:   #0d6b50;
    --color-secondary:      #b45309;
    --color-secondary-dark: #92410a;
    --color-secondary-soft: #d97706;
    --color-secondary-light:#f59e0b;
    --color-paper:          #fdfbf7;
    --color-paper-warm:     #f1eada;
    --color-paper-aged:     #ebe3d0;
    --color-stone-100:      #f5f0e0;
    --color-stone:          #ddd5c4;
    --color-stone-200:      #ddd5c4;
    --color-stone-300:      #c2b8a3;
    --color-stone-400:      #a8a29e;
    --color-stone-dark:     #c2b8a3;
    --color-gray-300:       #d1d5db;
    --color-gray-400:       #9ca3af;
    --color-gray-500:       #6b7280;
    --color-gray-600:       #4b5563;
    --color-gray-700:       #374151;
    --color-gray-800:       #1f2937;
    --color-ink:            #1f1a14;
    --color-ink-soft:       #5c554b;
    --color-white:          #ffffff;
    --color-pdf-red:        #c2410c;

    /* Typographie v4 */
    --font-serif:  'Fraunces', 'Libre Baskerville', Georgia, 'Times New Roman', serif;
    --font-sans:   'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-arabic: 'Amiri', 'Scheherazade New', serif;

    /* Containers */
    --container-7xl: 80rem;
    --container-5xl: 72rem;
    --container-4xl: 56rem;
    --container-3xl: 48rem;
    --container-2xl: 42rem;

    /* Espacements */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-32: 8rem;

    /* Ombres */
    --shadow-card:    0 1px 0 var(--color-stone-dark), 0 22px 40px -16px rgba(31, 26, 20, 0.18), 0 4px 12px -2px rgba(31, 26, 20, 0.06);
    --shadow-md:      0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg:      0 1px 0 var(--color-stone-dark), 0 30px 60px -20px rgba(31, 26, 20, 0.12), 0 6px 16px -4px rgba(31, 26, 20, 0.06);
    --shadow-xl:      0 1px 0 var(--color-stone-dark), 0 38px 80px -28px rgba(31, 26, 20, 0.18), 0 6px 16px -4px rgba(31, 26, 20, 0.06);

    --transition-fast:   0.2s ease-out;
    --transition-normal: 0.3s ease-out;
    --transition-slow:   0.7s cubic-bezier(0.2, 0.7, 0.3, 1);

    /* Tailles */
    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.25rem;
    --fs-2xl:  1.5rem;
    --fs-3xl:  1.875rem;
    --fs-4xl:  2.25rem;
    --fs-5xl:  3rem;

    /* z-index */
    --z-header:   50;
    --z-overlay:  100;
    --z-modal:    200;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}