@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
/* tokens.css — jetons partagés site + extension. Sombre par défaut, clair via data-theme. */
:root {
  color-scheme: dark;
  --papier: #0b100d;
  --surface: #131b15;
  --surface-2: #1b261d;
  --encre: #f1f5ee;
  --encre-2: #c0ceb6;
  --encre-3: #a4b59a;
  --ligne: #2b372c;
  --ligne-forte: #657b53;
  --accent: #a6ff00;
  --accent-fort: #c4ff5c;
  --accent-doux: #183313;
  --sur-accent: #142608;
  --ambre: #f2ba60;
  --ambre-encre: #f2ba60;
  --ambre-doux: #35270e;
  --danger: #ff968d;
  --danger-doux: #3a1a19;
  --ok: #a6ff00;
  --ok-encre: #a6ff00;
  --ok-doux: #183313;
  --info-doux: #1a2617;
  --rayon: 10px;
  --rayon-petit: 6px;
  --rayon-grand: 14px;
  --ombre: 0 1px 2px rgba(0, 0, 0, 0.06), 0 8px 24px -12px rgba(0, 0, 0, 0.18);
  --ombre-haute: 0 2px 6px rgba(0, 0, 0, 0.08), 0 24px 48px -16px rgba(0, 0, 0, 0.28);
  --focus: 0 0 0 3px var(--papier), 0 0 0 5px var(--accent);

  --police: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --police-titre: "Inter", "Segoe UI Variable Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --police-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;

  --t-xs: 0.8125rem;   /* 13 */
  --t-s: 0.875rem;     /* 14 */
  --t-m: 1rem;         /* 16 */
  --t-l: 1.125rem;     /* 18 */
  --t-xl: 1.375rem;    /* 22 */
  --t-2xl: 1.75rem;    /* 28 */
  --t-3xl: 2.25rem;    /* 36 */

  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 48px;
  --esp-8: 72px;

  --largeur: 1180px;
  --duree: 160ms;
}

:root[data-theme="light"] {
  color-scheme: light;
  --papier: #f5f8f0;
  --surface: #ffffff;
  --surface-2: #eaf0e2;
  --encre: #17251b;
  --encre-2: #42543e;
  --encre-3: #53644e;
  --ligne: #d5dfcb;
  --ligne-forte: #a7b79a;
  --accent: #386215;
  --accent-fort: #294c0d;
  --accent-doux: #e1f7d3;
  --sur-accent: #ffffff;
  --ambre: #98600a;
  --ambre-encre: #805006;
  --ambre-doux: #fff0da;
  --danger: #b42318;
  --danger-doux: #fce9e7;
  --ok: #386215;
  --ok-encre: #294c0d;
  --ok-doux: #e1f7d3;
  --info-doux: #eaf0e2;
}