/* Généré depuis tokens.json — ne pas éditer à la main. */

@font-face { font-family: "Libre Caslon Text"; src: url("./fonts/LibreCaslonText-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Libre Caslon Text"; src: url("./fonts/LibreCaslonText-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("./fonts/Figtree-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("./fonts/Figtree-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("./fonts/Figtree-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* Couleurs */
  --nuit: #0b0f1a;
  --surface: #141b2d;
  --surface-haute: #1e2740;
  --ligne: #36415e;
  --ligne-forte: #727e9b;
  --plume: #f5f1e8;
  --brume: #a3acbf;
  --or: #f2b33d;
  --or-vif: #ffc95c;
  --sur-or: var(--nuit);
  --danger: #b42323;
  --sur-danger: var(--plume);
  --danger-texte: #ff8a80;
  --avertissement: #ff7a45;
  --sur-avertissement: var(--nuit);
  --succes: #2dd4bf;
  --sur-succes: var(--nuit);
  --info: #8fa3ff;
  --sur-info: var(--nuit);
  /* Polices */
  --font-display: "Libre Caslon Text", Georgia, "Times New Roman", serif;
  --font-sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  /* radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  /* shadow */
  --ombre-flottante: 0 8px 24px rgba(0, 0, 0, 0.45);
  /* taille */
  --cible-tactile: 44px;
  --controle: 52px;
  --barre-haut: 64px;
  --barre-onglets: 72px;
  --contenu-max: 1200px;
  /* point-rupture */
  --bp-tablette: 768px;
  --bp-bureau: 1200px;
}

body { margin: 0; background: var(--nuit); color: var(--plume); font-family: var(--font-sans); font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; }