/* =====================================================================
   Fondation Kroll — Couleur de Mémoires
   Tokens de design (couleurs, typographie, espace, ombres)
   ===================================================================== */

/* Polices — Inter (corps) + Fraunces (serif d'affichage) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fraunces:opsz,ital,wght@9..144,0,300;9..144,0,400;9..144,0,500;9..144,1,300;9..144,1,400;9..144,1,500&display=swap');

:root {
  /* ── Palette principale ────────────────────────────────── */
  --navy:        #09162e;
  --navy-mid:    #162f62;
  --blue:        #2b4dab;
  --blue-pale:   #f7f9fd;
  --ink:         #0c1a33;
  --muted:       #4a5d7e;
  --line:        #ecf0f8;
  --line-strong: #d4dcec;

  /* ── Typographie ───────────────────────────────────────── */
  --font-body:  'Inter', system-ui, -apple-system, sans-serif;
  --font-serif: 'Fraunces', 'Times New Roman', Georgia, serif;

  /* ── Ombres ────────────────────────────────────────────── */
  --shadow-sm: 0 2px 10px rgba(9,22,46,.07);
  --shadow:    0 8px 32px rgba(9,22,46,.11);
  --shadow-lg: 0 20px 56px rgba(9,22,46,.18);

  /* ── Rayons ────────────────────────────────────────────── */
  --r:    10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ── Transitions ───────────────────────────────────────── */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t:    .26s;
}

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