/* Quavara Web — design tokens (the "World Stage" theme, contrast-fixed 2026-10-05).
 * One source for every page. Pages today still inline their own :root blocks; new pages and
 * any page being touched should <link rel="stylesheet" href="/assets/quavara-tokens.css"> and
 * delete their copy. Brand book: DESIGN-SYSTEM.md at the repo root.
 * North star (Eric, 2026-06-28): calm and obvious — one primary action per screen, few colours,
 * two type weights (400 + 600), warm accent. Light first; dark follows the visitor's OS. */
:root{
  --font-ui:-apple-system,"SF Pro Text","Segoe UI",Roboto,Arial,"Nirmala UI","Leelawadee UI","Hiragino Sans","PingFang SC","Apple SD Gothic Neo","Microsoft YaHei","Noto Sans",sans-serif;
  --navy:#21324d;                       /* the logo; text on warm buttons (12.9:1 on white) */
  --warm:#ED7D2B;                       /* FILLS only: primary button, toggle on, progress */
  --warm-text:#b3540e;                  /* orange TEXT and links (5.0:1 on white; #ED7D2B was 2.8:1) */
  --warm-bg:#FFF1E6; --warm-ink:#8a4115;/* tinted pill / notice: 6.7:1 */
  --bg:#ffffff; --surface:#f7f7f6; --card:#ffffff; --rail:#fbfbfa;
  --ink:#1c1c1e; --ink2:#5f5f5a;
  --ink3:#6e6e69;                       /* captions, hints (5.1:1; was #8c8c87 at 3.4:1) */
  --line:rgba(0,0,0,.09); --line2:rgba(0,0,0,.14);
  --good:#18804a; --good-bg:#e7f6ec;    /* 5.0:1 as text */
  --bad:#c0392b;
  --discord:#5865F2;
  --radius-sm:9px; --radius:11px; --radius-card:16px; --radius-pill:99px;
  --focus:0 0 0 2px var(--bg),0 0 0 4px var(--warm);
}
@media (prefers-color-scheme:dark){:root{
  --warm:#ff9c59; --warm-text:#ff9c59; --warm-bg:#2a1c12; --warm-ink:#ffc99d;
  --bg:#0f0f12; --surface:#16161a; --card:#1b1b20; --rail:#141418;
  --ink:#ececf0; --ink2:#a2a2ac;
  --ink3:#8b8b95;                       /* 5.7:1 (was #6e6e78 at 3.8:1) */
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --good:#46c479; --good-bg:#13271b; --bad:#f87171;
}}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}