/* ─────────────────────────────────────────────────────────────────────────
   Visite Papale Monaco 2026 — design-tokens.css
   Variables CSS uniquement — chargé après bootstrap.min.css, avant Site.css
   Source des valeurs : Maquette/src/index.css :root block
   ───────────────────────────────────────────────────────────────────────── */

:root {
    /* Palette gold/navy — valeurs HSL exactes (source : Maquette/src/index.css) */
    --vp-gold:        hsl(40, 60%, 50%);
    --vp-gold-light:  hsl(40, 50%, 70%);
    --vp-gold-dark:   hsl(40, 65%, 35%);
    --vp-navy:        hsl(220, 35%, 15%);
    --vp-navy-light:  hsl(220, 25%, 25%);
    --vp-ivory:       hsl(40, 33%, 97%);
    --vp-cream:       hsl(40, 25%, 93%);
    --vp-burgundy:    hsl(345, 50%, 30%);

    /* Border radius (source : Maquette tailwind.config.ts --radius: 0.375rem) */
    --vp-radius: 0.375rem;

    /* Bootstrap 5 overrides — consommés par les utilitaires .text-primary, .bg-primary, etc.
       CRITIQUE : ce fichier DOIT être chargé après bootstrap.min.css dans Site.Master
       pour que ces déclarations écrasent celles de Bootstrap (#0d6efd → navy) */
    --bs-primary:                  hsl(220, 35%, 15%);
    --bs-primary-rgb:              26, 58, 107;
    --bs-primary-text-emphasis:    hsl(220, 35%, 8%);
    --bs-primary-bg-subtle:        hsl(220, 25%, 85%);
    --bs-primary-border-subtle:    hsl(220, 25%, 70%);
    --bs-secondary:                hsl(40, 60%, 50%);
    --bs-secondary-rgb:            201, 168, 76;
    --bs-body-font-family:         Inter, system-ui, sans-serif;
    --bs-body-bg:                  hsl(40, 33%, 97%);
    --bs-body-color:               hsl(220, 30%, 12%);
}