/* Design tokens — repris tels quels du design system DPO
   (design_handoff_site_dpo_judo/_ds/.../tokens/*.css) */

:root{
  /* --- Ink & paper --- */
  --ink-900:#0E1014;
  --ink-800:#181B22;
  --ink-700:#242832;
  --ink-600:#3A3F4C;
  --ink-500:#5A6072;
  --ink-400:#868DA0;
  --ink-300:#B4BAC7;
  --ink-200:#D7DBE3;
  --ink-100:#EAECF1;
  --paper-000:#FFFFFF;
  --paper-050:#FAF8F5;
  --paper-100:#F3F0EA;
  --paper-200:#E7E2D8;

  /* --- Dragon blue --- */
  --blue-900:#101E4B;
  --blue-800:#16296A;
  --blue-700:#1D3789;
  --blue-600:#2647A6;
  --blue-500:#2B4FB0;
  --blue-400:#4A6CC7;
  --blue-300:#7A94DC;
  --blue-200:#B3C2EE;
  --blue-100:#E2E8FA;

  /* --- Flame --- */
  --flame-700:#B8300F;
  --flame-600:#E0421B;
  --flame-500:#F0741F;
  --flame-400:#F79B22;
  --flame-300:#FFC627;
  --flame-100:#FFF0CC;

  /* --- Hachimaki red --- */
  --red-600:#C2181A;
  --red-500:#E0301E;
  --red-100:#FBE0DC;

  /* --- Belts (obi) --- */
  --obi-white:#F3F0EA;
  --obi-yellow:#F5C518;
  --obi-orange:#EE7B24;
  --obi-green:#2E8B4F;
  --obi-blue:#2B4FB0;
  --obi-brown:#7A5230;
  --obi-black:#14161B;

  /* --- Semantic aliases --- */
  --bg-page:var(--paper-050);
  --bg-page-alt:var(--paper-100);
  --bg-inverse:var(--ink-900);
  --surface-card:var(--paper-000);
  --surface-sunken:var(--paper-100);
  --surface-brand:var(--blue-500);
  --surface-brand-soft:var(--blue-100);
  --surface-accent-soft:var(--flame-100);

  --text-body:var(--ink-800);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-heading:var(--ink-900);
  --text-inverse:var(--paper-050);
  --text-brand:var(--blue-600);
  --text-accent:var(--flame-600);
  --text-link:var(--blue-600);
  --text-link-hover:var(--flame-600);

  --border-hairline:var(--ink-200);
  --border-strong:var(--ink-900);
  --border-brand:var(--blue-500);

  --focus-ring:var(--flame-400);

  /* --- Typography --- */
  --font-display:"Archivo Black","Archivo Black Fallback",system-ui,sans-serif;
  /* Ajout hors design system : police du nom du club dans le header */
  --font-brand:"Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-jp:"Noto Serif JP",serif;

  --text-2xs:11px;
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-lg:18px;
  --text-xl:21px;
  --text-2xl:26px;
  --text-3xl:33px;
  --text-4xl:44px;
  --text-5xl:58px;
  --text-6xl:78px;
  --text-hero:70px;

  --leading-tight:0.92;
  --leading-snug:1.12;
  --leading-normal:1.5;
  --leading-relaxed:1.65;

  --tracking-display:-0.02em;
  --tracking-caps:0.14em;

  --weight-regular:400;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:900;

  /* --- 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;
  --space-20:80px;

  --gutter:64px;
  --gutter-mobile:20px;
  --section-y:80px;
  --section-y-mobile:48px;
  --container-max:1200px;
  --control-h-sm:32px;
  --control-h-md:40px;
  --control-h-lg:52px;
  --tap-min:44px;

  /* --- Radius --- */
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-lg:16px;
  --radius-pill:999px;
  --border-w-ink:2px;

  /* --- Elevation --- */
  --shadow-xs:0 1px 2px rgba(14,16,20,.06);
  --shadow-sm:0 2px 6px rgba(14,16,20,.08);
  --shadow-ink:4px 4px 0 var(--ink-900);
  --shadow-ink-sm:2px 2px 0 var(--ink-900);
  --ring-focus:0 0 0 3px color-mix(in oklab,var(--focus-ring) 55%,transparent);
  --overlay-scrim:rgba(14,16,20,.62);

  /* --- Motion --- */
  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:340ms;
  --ease-standard:cubic-bezier(.2,.7,.3,1);
}