/*
 * Design tokens — Happy House PMS v2
 * Source de vérité : projet/pms/maquettes/direction-artistique.md
 * NE JAMAIS utiliser de valeur hex / px / rem en dur ailleurs.
 */

:root {
    /* Core — palette extraite du logo (marine + or) */
    --color-navy-900: #141f4e;
    --color-navy-700: #1d2a6f;
    --color-navy-500: #3a4a96;
    --color-navy-200: #c3cae5;
    --color-navy-50:  #eef0fa;

    --color-gold-700: #a87c12;
    --color-gold-500: #e4a728;
    --color-gold-300: #f4ce74;
    --color-gold-50:  #fdf6e3;

    /* Neutrals chauds — pas de gris froid */
    --color-ink-900: #1a1a1a;
    --color-ink-700: #33332e;
    --color-ink-500: #5a5a55;
    --color-ink-300: #9a988f;
    --color-paper:   #fbfaf5;
    --color-surface: #ffffff;
    --color-border:  #eae7de;
    --color-border-strong: #d9d5c7;

    /* États sémantiques */
    --color-success-700: #1f6f48;
    --color-success-500: #3e9b70;
    --color-success-50:  #e7f3ec;

    --color-warning-700: #a87312;
    --color-warning-500: #d69129;
    --color-warning-50:  #faf0dc;

    --color-danger-700: #983339;
    --color-danger-500: #c84753;
    --color-danger-50:  #fbe8ea;

    --color-info-700: #1c5c8f;
    --color-info-500: #3c86bd;
    --color-info-50:  #e3eef8;

    /* Typographie */
    --font-display: "Fraunces", "DM Serif Display", Georgia, serif;
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

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

    /* Spacing — grille 8px stricte */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-24: 96px;

    /* Radius */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;

    /* Shadows — teintées marine */
    --shadow-sm: 0 1px 2px rgba(20, 31, 78, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(20, 31, 78, 0.08), 0 2px 4px -2px rgba(20, 31, 78, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(20, 31, 78, 0.1), 0 4px 6px -4px rgba(20, 31, 78, 0.08);

    /* Transitions */
    --transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition-fast: 0ms;
        --transition-base: 0ms;
        --transition-slow: 0ms;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}