/* Design tokens — identical to docs/DIZAYN.html :root. Do not invent new values here. */
:root{
  --bg:#F1F2F4; --surface:#FFFFFF; --sunken:#F7F8F9; --hover:#F3F4F6; --select:#EEF4FD;
  --ink:#1A1D21; --ink-2:#3D434A; --muted:#6B7280; --line:#E3E5E8; --line-2:#D0D4D9;
  --brand:#A96C27; --brand-soft:#F6EBDD;
  --primary:#1F2328; --primary-ink:#FFFFFF;
  --link:#2257A0;
  --info:#2257A0; --info-soft:#E7EFFA;
  --ok:#1E7A4C; --ok-soft:#E3F4EA;
  --warn:#8F6200; --warn-soft:#FFF3D1;
  --loss:#B42318; --loss-soft:#FDECEA;
  --idle:#5B6470; --idle-soft:#EEF0F2;
  --sh-card:0 0 0 1px var(--line), 0 1px 2px rgba(16,24,40,.04);
  --sh-pop:0 0 0 1px var(--line), 0 16px 40px rgba(16,24,40,.18);
  --rad-s:6px; --rad-m:8px; --rad-l:12px; --rad-pill:999px;
  --font:"Segoe UI",Roboto,"Noto Sans",system-ui,Arial,sans-serif;
  --mono:"Cascadia Mono",Consolas,monospace;
  --fs-xs:12px; --fs-s:13px; --fs-m:14px; --fs-l:16px; --fs-xl:20px; --fs-2xl:26px;
}
/* Names the templates and components still use, mapped onto the tokens above (no new values). */
:root{
  --kraft:var(--brand); --kraft-soft:var(--brand-soft);
  --sheet:var(--sunken);
  --head:var(--font); --body:var(--font);
  --r-sm:var(--sh-card); --r-md:var(--sh-card); --r-lg:var(--sh-pop);
  --in-sm:inset 0 0 0 1px var(--line-2); --in-md:inset 0 0 0 1px var(--line-2);
}