/* GENERATED by generate_tokens.py from brand.yaml. DO NOT EDIT BY HAND.
   Brand: Civic Utility Shift Board | mode: light | zero LLM tokens.
   Re-run `python3 generate_tokens.py` after editing brand.yaml. */
:root {
  /* spacing and grouping */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --group-gap: 28px;
  --cluster-gap: 12px;
  --item-gap: 9px;
  --quiet-gap: 41px;
  --radius-panel: 6px;
  --radius-item: 5px;
  --salience-scale: 1.18;
  --salience-ring: 0 0 0 4px #fff0ec;
  --salience-shadow: 0 18px 42px rgb(24 32 39 / 18%);
  --quiet-shadow: 0 1px 2px rgb(24 32 39 / 7%);

  /* color and surface */
  --ink: #182027;
  --muted: #62707d;
  --ground: #eef1f4;
  --surface: #ffffff;
  --surface-quiet: #f8fafb;
  --line: #d8e0e7;
  --accent: #d94a38;
  --accent-dark: #8f2418;
  --accent-soft: #fff0ec;
  --support: #235f7a;

  /* type */
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --type-small: 0.8125rem;
  --type-body: 0.9375rem;
  --type-title: 1.875rem;
  --type-salience: 1.125rem;
  --leading-tight: 1.12;
  --leading-body: 1.42;
}