/* Tokens du design system — docs/05-design-system.md §1.
   Source exacte des valeurs : design/prototype-reference.css (prototype Dynacor).
   Tailles de texte : proportions du prototype, plancher relevé pour la tablette
   et WCAG AA (écart E-07) : 14 px corps, 13 px libellés, 12 px métadonnées. */

/* Inter auto-hébergée (OFL) — jamais Google Fonts (règle 5, écart E-12). */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/inter/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}


:root {
  /* Couleurs de marque */
  --navy: #042f51;
  --blue: #0565a7;
  --blue-hover: #04568e;
  --blue-2: #0a78c5;
  --blue-active: #0875bf;
  --light-blue: #e9f4fb;
  --gold: #dfa91d;
  --gold-hover: #c99510;
  --gold-text: #c88700;
  --gold-icon: #ffd04f;
  --anniversary: #0b7bcc;

  /* Sémantique (statuts) */
  --green: #1d9b50;  --green-bg: #e4f5eb;  --green-fg: #168344;
  --amber: #dc9409;  --amber-bg: #fff1d4;  --amber-fg: #ba7800;
  --red: #dc3248;    --red-bg: #fde8ea;    --red-fg: #d22c41;
  --rose: #e0709b;   --rose-bg: #fce8ef;    --rose-fg: #c43d76;
  --neutral-bg: #eef1f3; --neutral-fg: #6c7783;

  /* Neutres */
  --text: #10253e;
  --heading: #0a365e;
  --heading-2: #123b62;
  --topbar-title: #073d6d;
  --muted: #66758a;
  --border: #dfe5eb;
  --border-soft: #edf0f3;
  --canvas: #f6f8fa;
  --surface: #fff;
  --hover: #f7fafc;
  --input-border: #ccd6df;
  --track: #e8edf1;

  /* Formes */
  --radius-sm: 6px;
  --radius-btn: 7px;
  --radius: 8px;
  --radius-md: 11px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 3px #0e2b410a;
  --shadow-pop: 0 1px 4px #0d2d461f;
  --shadow-modal: 0 20px 65px #031b2f47;
  --shadow-toast: 0 12px 35px #08223740;
  --focus-ring: 0 0 0 3px rgba(10, 120, 197, .23);
  --backdrop: #051a2b8a;

  /* Typographie */
  --font: "Inter Variable", "Inter", "Segoe UI", Arial, sans-serif;
  --fs-meta: .75rem;       /* 12 px — pastilles, métadonnées (prototype 9–10) */
  --fs-label: .8125rem;    /* 13 px — libellés de champ (prototype 10–11)     */
  --fs-body: .875rem;      /* 14 px — corps (prototype 11–13)                 */
  --fs-title: .9375rem;    /* 15 px — titres de panneau                        */
  --fs-card: 1.0625rem;    /* 17 px — titres de carte, dates d'échéance        */
  --fs-h1: clamp(1.5rem, 2.2vw, 2.0625rem);
  --fs-topbar: clamp(1.125rem, 1.7vw, 1.5625rem);
  --fs-metric: 1.9375rem;  /* 31 px */
  --fs-anniversary: 3.375rem;

  /* Mise en page */
  --sidebar-width: 208px;  /* prototype : 192 px ; élargie pour les libellés à 14 px (E-07) */
  --sidebar-collapsed: 76px;
  --topbar-height: 74px;
  --bottom-nav-height: 62px;
  --page-max: 1520px;
  --touch-target: 44px;
}