/* Maison Horizon - design tokens (Concept 01, Studio Seqoya, validé 2026-05-06).
   Source: docs/briefs/charte-graphique/ + maquette home page 34 PDF V02.
   Hex codes lockés. Toute modification = amendement design doc.
*/

:root {
    /* - Palette officielle - */
    --mh-cream: #fff9f4;        /* Blanc cassé - background dominant */
    --mh-sky: #d0e5f3;          /* Ciel - accent doux */
    --mh-sage: #98a868;         /* Vert sage - programmes / co-working */
    --mh-pink-soft: #f4cfd0;    /* Rose coton - accent secondaire */
    --mh-burgundy: #641317;     /* Cerise - CTA + titres + marque (hex officiel charte Studio Seqoya) */
    --mh-ink: #22150d;          /* Café - texte */

    /* - Typographie -
       Dilbero + Sofia Pro = locked Phase 2 dès licences confirmées
       (Elsa attend Valentina - bloqueur non bloquant V1, docs/STATE.md).
       Fallbacks system fonts pour démarrage.
    */
    --mh-font-display: "Dilbero", Georgia, "Times New Roman", serif;
    --mh-font-body: "Sofia Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mh-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    /* - Échelle de taille (alignée maquette Valentina 2026-05-18) -
       Paliers md/5xl/6xl et size 30/65/90 ajoutés pour couvrir Hero H1 (90px),
       Section H2 (65px), CTA + nav + body emphase (18px). Cf. docs/figma-extraction-2026-05-18.md.
    */
    --mh-text-xs: 0.75rem;       /* 12px */
    --mh-text-sm: 0.875rem;      /* 14px */
    --mh-text-base: 1rem;        /* 16px */
    --mh-text-md: 1.125rem;      /* 18px - Sofia 500 nav, Sofia 700 CTA, Sofia 300 subtitle */
    --mh-text-lg: 1.25rem;       /* 20px - Cards body bande burgundy */
    --mh-text-xl: 1.563rem;      /* 25px */
    --mh-text-2xl: 1.875rem;     /* 30px - Cards H3 + Programmes title (recalé 31→30 exact maquette) */
    --mh-text-3xl: 2.441rem;     /* 39px */
    --mh-text-4xl: 3.052rem;     /* 49px */
    --mh-text-5xl: 4.0625rem;    /* 65px - Section H2 (cap desktop) */
    --mh-text-6xl: 5.625rem;     /* 90px - Hero H1 (cap desktop) */

    /* - Letter-spacing (tracking) - */
    --mh-tracking-tight: -0.06em; /* Dilbero titres serrés (H1 -5.4 / H2 -3.9 sur 90/65px) */
    --mh-tracking-mid: 0.05em;    /* Hero eyebrow Sofia 26px (ls +2.6) */
    --mh-tracking-wide: 0.1em;    /* Labels uppercase (footer titles, prose) */

    /* - Spacing (4px base) - */
    --mh-space-1: 0.25rem;
    --mh-space-2: 0.5rem;
    --mh-space-3: 0.75rem;
    --mh-space-4: 1rem;
    --mh-space-6: 1.5rem;
    --mh-space-8: 2rem;
    --mh-space-12: 3rem;
    --mh-space-16: 4rem;
    --mh-space-24: 6rem;

    /* - Radius - */
    --mh-radius-sm: 0.25rem;
    --mh-radius-md: 0.5rem;
    --mh-radius-lg: 1rem;
    --mh-radius-xl: 1.5rem;
    --mh-radius-full: 9999px;

    /* - Élévations (subtiles, palette cream/burgundy) - */
    --mh-shadow-sm: 0 1px 2px rgba(34, 21, 13, 0.04);
    --mh-shadow-md: 0 4px 12px rgba(34, 21, 13, 0.08);
    --mh-shadow-lg: 0 8px 24px rgba(34, 21, 13, 0.10);

    /* - A11y binding V1 (design doc Section 1.5) - */
    --mh-focus-ring: 0 0 0 2px var(--mh-burgundy);
    --mh-touch-min: 44px;

    /* - Transitions - */
    --mh-transition-fast: 150ms ease-out;
    --mh-transition-base: 250ms ease-out;
}

/* Reduced-motion (a11y binding) */
@media (prefers-reduced-motion: reduce) {
    :root {
        --mh-transition-fast: 0ms;
        --mh-transition-base: 0ms;
    }
}