/* Design tokens — dark mode, jamais pur noir ni pur blanc */
:root{
  color-scheme:dark;
  --bg:#0F0F10; --s1:#17171A; --s2:#1F1F23; --s3:#2A2A2F;
  --line:rgba(243,241,236,.09);
  --t1:#F3F1EC; --t2:#B8B5AE; --t3:#8E8B85;
  --acc:#F5A500; --acc-hi:#FFC23D; --acc-lo:#A86F00;
  --acc-soft:rgba(245,165,0,.14); --acc-ink:#1A1300;

  --f-title:"Anton",Impact,"Arial Narrow",sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* Espacements — échelle base 4 (Material Design 3) : seule source de valeurs.
     Aucune marge/padding en dur ailleurs dans le CSS. */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-14:56px;

  /* Rayons — échelle M3 (extra-small 4, small 8, medium 12, large 16, xl 28) */
  --r-xs:4px; --r-s:8px; --r:12px; --r-l:16px; --r-xl:28px;

  --gut:var(--sp-4); --tab-h:var(--sp-14); --tap:var(--sp-12);
  --top-h:52px;
  --safe-t:env(safe-area-inset-top); --safe-b:env(safe-area-inset-bottom);
  --ease:cubic-bezier(.2,.8,.2,1); --ease-in:cubic-bezier(.4,0,.6,1);
}