/* Design tokens — the CSS-variable mirror of DESIGN.md (single source of truth).
   Forked from AIST.tech. When DESIGN.md changes, update the matching value here;
   every component in styles.css resolves to one of these variables. */
:root{
  /* colors */
  --primary:#0048B2; --primary-fg:#ffffff;
  --accent:#0048B2; --ring:#0048B2;
  --bg:#FAFAFA; --fg:#111111;
  --card:#ffffff; --card-fg:#111111;
  --secondary:#f5f5f7; --muted-bg:#f5f5f7; --muted:#595959;
  --border:#e0e0e0; --input:#e0e0e0;
  --destructive:#DC2626; --success:#16A34A; --warning:#EAB308;
  --accent-soft:#eef3fc; --accent-soft-border:#cdddf7;
  --selected:#D1D5DB; --selected-fg:#111111; --selected-muted:#4B5563; /* list selection (light gray, dark text) */

  /* typography */
  --font-head:"Commissioner",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Inter",ui-sans-serif,system-ui,sans-serif;

  /* radius */
  --r-sm:8px; --r-md:10px; --r-lg:12px; --r-xl:16px; --r-full:9999px;

  /* spacing */
  --sp-xs:4px; --sp-sm:8px; --sp-md:16px; --sp-lg:24px; --sp-xl:32px; --sp-2xl:48px;
  --container-max:1152px; --topbar-h:56px;
}