/* tokens.css — propriétaire : core (ordre de chargement = ordre de la cascade, voir index.html) */
/* =====================================================================
   Tokens « Ballkon » — repris de docs/redesign-2026/03-tokens.css
   ===================================================================== */
:root{
  color-scheme:light;
  --c-bg:#FAF6EE;--c-bg:oklch(0.975 0.012 85);
  --c-surface:#FFFDFA;--c-surface:oklch(0.995 0.004 85);
  --c-sunken:#F2ECE1;--c-sunken:oklch(0.945 0.016 85);
  --c-line:#E0DACE;--c-line:oklch(0.89 0.018 85);
  --c-line-strong:#8C8579;--c-line-strong:oklch(0.62 0.02 85);
  --c-ink:#14231C;--c-ink:oklch(0.24 0.025 165);
  --c-ink-2:#4B5952;--c-ink-2:oklch(0.45 0.02 165);
  --c-ink-3:#636F69;--c-ink-3:oklch(0.53 0.018 165);
  --c-skeleton:#ECE7DE;--c-skeleton:oklch(0.93 0.014 85);
  --c-primary:#176145;--c-primary:oklch(0.44 0.085 163);
  --c-primary-hover:#044F36;--c-primary-hover:oklch(0.38 0.08 163);
  --c-on-primary:#FFFFFF;
  --c-primary-soft:#D7F3E4;--c-primary-soft:oklch(0.94 0.035 163);
  --c-on-primary-soft:#054931;--c-on-primary-soft:oklch(0.36 0.075 163);
  --c-mimoza:#F2CF3B;--c-mimoza:oklch(0.86 0.16 95);
  --c-on-mimoza:#372D02;--c-on-mimoza:oklch(0.30 0.06 95);
  --c-mimoza-soft:#FBEFC2;--c-mimoza-soft:oklch(0.95 0.06 95);
  --c-mimoza-text:#845B00;--c-mimoza-text:oklch(0.50 0.11 80);
  --c-shega:#CC3931;--c-shega:oklch(0.565 0.185 28);
  --c-shega-soft:#FFE4E0;--c-shega-soft:oklch(0.94 0.03 28);
  --c-shega-text:#BA2C25;--c-shega-text:oklch(0.52 0.18 28);
  --c-jargavan:#6959AE;--c-jargavan:oklch(0.52 0.13 290);
  --c-jargavan-soft:#EAE8FF;--c-jargavan-soft:oklch(0.94 0.03 290);
  --c-success:#21763C;--c-success:oklch(0.50 0.12 150);
  --c-warning:#A0600B;--c-warning:oklch(0.55 0.12 65);
  --c-danger:#BE2132;--c-danger:oklch(0.52 0.19 22);
  --c-info:#2266A4;--c-info:oklch(0.50 0.12 250);
  --c-info-soft:#E1EDFA;--c-info-soft:oklch(0.94 0.03 250);
  --c-primary-rgb:23 97 69;--c-ink-rgb:20 35 28;--c-mimoza-rgb:242 207 59;--c-shega-rgb:204 57 49;
  /* prototype : scène, carte, pseudo-photos */
  --c-stage:#ECE5D7;--c-frame:#14231C;
  --c-map-land:#EFE8DA;--c-map-block:#E3DBCB;--c-map-road:#FFFDFA;--c-map-water:#BFDCEB;--c-map-park:#CFE6CF;
  --pic-l1:93%;--pic-l2:76%;--pic-ink:24%;--pic-s:55%;

  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Atkinson Hyperlegible Next",ui-sans-serif,system-ui,sans-serif;
  --fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;
  --fs-lg:clamp(1.125rem,1.05rem + .33vw,1.1875rem);
  --fs-xl:clamp(1.25rem,1.1rem + .67vw,1.4375rem);
  --fs-2xl:clamp(1.5rem,1.25rem + 1.1vw,1.8125rem);
  --fs-3xl:clamp(1.875rem,1.5rem + 1.67vw,2.25rem);
  --fs-hero:clamp(2.25rem,1.6rem + 2.9vw,2.875rem);
  --lh-tight:1.1;--lh-snug:1.3;--lh-body:1.5;
  --gutter:16px;--touch:48px;
  --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;
  --r-window:20px 20px 6px 6px;--r-sheet:28px 28px 0 0;
  --sh-1:0 1px 2px rgb(var(--c-ink-rgb) / .06),0 1px 1px rgb(var(--c-ink-rgb) / .04);
  --sh-2:0 4px 12px -2px rgb(var(--c-ink-rgb) / .10),0 2px 4px rgb(var(--c-ink-rgb) / .05);
  --sh-3:0 12px 28px -6px rgb(var(--c-ink-rgb) / .18),0 4px 8px rgb(var(--c-ink-rgb) / .06);
  --sh-stamp:3px 3px 0 var(--c-ink);
  --ring:0 0 0 3px var(--c-surface),0 0 0 5px var(--c-primary);
  --dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-sheet:cubic-bezier(.32,.72,0,1);
  --z-nav:40;--z-sheet:60;--z-ob:70;--z-toast:80;
  /* couleurs de façade (avatars) */
  --fa-selvi-bg:var(--c-primary-soft);--fa-selvi-fg:var(--c-on-primary-soft);
  --fa-mimoza-bg:var(--c-mimoza-soft);--fa-mimoza-fg:var(--c-mimoza-text);
  --fa-shega-bg:var(--c-shega-soft);--fa-shega-fg:var(--c-shega-text);
  --fa-jargavan-bg:var(--c-jargavan-soft);--fa-jargavan-fg:var(--c-jargavan);
  --fa-qiell-bg:var(--c-info-soft);--fa-qiell-fg:var(--c-info);
  --fa-gur-bg:var(--c-sunken);--fa-gur-fg:var(--c-ink-2);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --c-bg:#0D1612;--c-bg:oklch(0.19 0.015 165);
    --c-surface:#17211C;--c-surface:oklch(0.235 0.017 165);
    --c-sunken:#212C27;--c-sunken:oklch(0.28 0.018 165);
    --c-line:#35403B;--c-line:oklch(0.36 0.018 165);
    --c-line-strong:#67756F;--c-line-strong:oklch(0.55 0.02 165);
    --c-ink:#F1EEE7;--c-ink:oklch(0.95 0.01 85);
    --c-ink-2:#AFBBB5;--c-ink-2:oklch(0.78 0.015 165);
    --c-ink-3:#8A9590;--c-ink-3:oklch(0.66 0.015 165);
    --c-skeleton:#27302C;--c-skeleton:oklch(0.30 0.016 165);
    --c-primary:#6FCEA3;--c-primary:oklch(0.78 0.11 163);
    --c-primary-hover:#8FDDB8;--c-primary-hover:oklch(0.83 0.10 163);
    --c-on-primary:#021C11;--c-on-primary:oklch(0.20 0.04 163);
    --c-primary-soft:#173B2B;--c-primary-soft:oklch(0.32 0.05 163);
    --c-on-primary-soft:#AEE7CA;--c-on-primary-soft:oklch(0.88 0.07 163);
    --c-mimoza:#F0CF4C;--c-mimoza:oklch(0.86 0.15 95);
    --c-on-mimoza:#2A2200;--c-on-mimoza:oklch(0.26 0.05 95);
    --c-mimoza-soft:#3F350A;--c-mimoza-soft:oklch(0.33 0.06 95);
    --c-mimoza-text:#F0D777;--c-mimoza-text:oklch(0.88 0.12 95);
    --c-shega:#F47C6E;--c-shega:oklch(0.72 0.15 28);
    --c-shega-soft:#51231E;--c-shega-soft:oklch(0.32 0.07 28);
    --c-shega-text:#F47C6E;--c-shega-text:oklch(0.72 0.15 28);
    --c-jargavan:#B0A6ED;--c-jargavan:oklch(0.76 0.10 290);
    --c-jargavan-soft:#332D4F;--c-jargavan-soft:oklch(0.32 0.06 290);
    --c-success:#6FC884;--c-success:oklch(0.76 0.13 150);
    --c-warning:#EEB154;--c-warning:oklch(0.80 0.13 75);
    --c-danger:#F97676;--c-danger:oklch(0.72 0.16 22);
    --c-info:#7CB3EB;--c-info:oklch(0.75 0.10 250);
    --c-info-soft:#1B2E42;--c-info-soft:oklch(0.30 0.05 250);
    --c-primary-rgb:111 206 163;--c-ink-rgb:0 0 0;--c-mimoza-rgb:240 207 76;--c-shega-rgb:244 124 110;
    --sh-stamp:3px 3px 0 #000;
    --ring:0 0 0 3px var(--c-bg),0 0 0 5px var(--c-primary);
    --c-stage:#070C0A;--c-frame:#2A3530;
    --c-map-land:#141E19;--c-map-block:#1C2822;--c-map-road:#2A3731;--c-map-water:#173247;--c-map-park:#173123;
    --pic-l1:40%;--pic-l2:26%;--pic-ink:86%;--pic-s:30%;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --c-bg:#0D1612;--c-bg:oklch(0.19 0.015 165);
  --c-surface:#17211C;--c-surface:oklch(0.235 0.017 165);
  --c-sunken:#212C27;--c-sunken:oklch(0.28 0.018 165);
  --c-line:#35403B;--c-line:oklch(0.36 0.018 165);
  --c-line-strong:#67756F;--c-line-strong:oklch(0.55 0.02 165);
  --c-ink:#F1EEE7;--c-ink:oklch(0.95 0.01 85);
  --c-ink-2:#AFBBB5;--c-ink-2:oklch(0.78 0.015 165);
  --c-ink-3:#8A9590;--c-ink-3:oklch(0.66 0.015 165);
  --c-skeleton:#27302C;--c-skeleton:oklch(0.30 0.016 165);
  --c-primary:#6FCEA3;--c-primary:oklch(0.78 0.11 163);
  --c-primary-hover:#8FDDB8;--c-primary-hover:oklch(0.83 0.10 163);
  --c-on-primary:#021C11;--c-on-primary:oklch(0.20 0.04 163);
  --c-primary-soft:#173B2B;--c-primary-soft:oklch(0.32 0.05 163);
  --c-on-primary-soft:#AEE7CA;--c-on-primary-soft:oklch(0.88 0.07 163);
  --c-mimoza:#F0CF4C;--c-mimoza:oklch(0.86 0.15 95);
  --c-on-mimoza:#2A2200;--c-on-mimoza:oklch(0.26 0.05 95);
  --c-mimoza-soft:#3F350A;--c-mimoza-soft:oklch(0.33 0.06 95);
  --c-mimoza-text:#F0D777;--c-mimoza-text:oklch(0.88 0.12 95);
  --c-shega:#F47C6E;--c-shega:oklch(0.72 0.15 28);
  --c-shega-soft:#51231E;--c-shega-soft:oklch(0.32 0.07 28);
  --c-shega-text:#F47C6E;--c-shega-text:oklch(0.72 0.15 28);
  --c-jargavan:#B0A6ED;--c-jargavan:oklch(0.76 0.10 290);
  --c-jargavan-soft:#332D4F;--c-jargavan-soft:oklch(0.32 0.06 290);
  --c-success:#6FC884;--c-success:oklch(0.76 0.13 150);
  --c-warning:#EEB154;--c-warning:oklch(0.80 0.13 75);
  --c-danger:#F97676;--c-danger:oklch(0.72 0.16 22);
  --c-info:#7CB3EB;--c-info:oklch(0.75 0.10 250);
  --c-info-soft:#1B2E42;--c-info-soft:oklch(0.30 0.05 250);
  --c-primary-rgb:111 206 163;--c-ink-rgb:0 0 0;--c-mimoza-rgb:240 207 76;--c-shega-rgb:244 124 110;
  --sh-stamp:3px 3px 0 #000;
  --ring:0 0 0 3px var(--c-bg),0 0 0 5px var(--c-primary);
  --c-stage:#070C0A;--c-frame:#2A3530;
  --c-map-land:#141E19;--c-map-block:#1C2822;--c-map-road:#2A3731;--c-map-water:#173247;--c-map-park:#173123;
  --pic-l1:40%;--pic-l2:26%;--pic-ink:86%;--pic-s:30%;
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-instant:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--ease-spring:linear}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}