/* QHEY design tokens — light is default; add class "dark" (or [data-theme=dark]) for dark. */
:root, .q {
  --surface:#FFFFFF;
  --surface-2:#F5F7FA;
  --surface-3:#EDF0F4;
  --border:#E3E7ED;
  --border-strong:#CBD2DC;
  --ink:#16181C;
  --ink-muted:#5B6270;
  --ink-faint:#7A8292;
  --primary:#0062E0;
  --primary-hover:#0052BD;
  --on-primary:#FFFFFF;
  --brand-blue:#0070FE;
  --blue-soft:#E6F0FF;
  --blue-line:#B9D3FF;
  --success:#0F7A43;
  --success-soft:#E7F6EE;
  --warning:#B54708;
  --warning-soft:#FEF4E6;
  --danger:#C0261B;
  --danger-soft:#FEECEB;
  --note:#FFF8DB;
  --note-line:#E9D48A;
  --sev-1:#DDD1A5;
  --sev-2:#DCA744;
  --sev-3:#D37812;
  --sev-4:#C2460D;
  --sev-5:#A21A1B;
  --bar-off:#E3E7ED;
  --chart-grid:#EDF0F4;
  --chart-compare:#A9B1BE;
  --good:#16A34A;
  --mid:#EAB308;
  --bad:#DC2626;
  --mid-soft:#FEF7D6;
  --mid-ink:#854D0E;
}
.dark, [data-theme="dark"] {
  --surface:#121418;
  --surface-2:#0B0C0F;
  --surface-3:#1B1E24;
  --border:#262A31;
  --border-strong:#363B44;
  --ink:#F2F4F7;
  --ink-muted:#A0A7B4;
  --ink-faint:#858D9B;
  --primary:#3D8BFF;
  --primary-hover:#6AA6FF;
  --on-primary:#0B0C0F;
  --brand-blue:#3D8BFF;
  --blue-soft:#0F2547;
  --blue-line:#1E4A8A;
  --success:#32D583;
  --success-soft:#0D2A1C;
  --warning:#FDB022;
  --warning-soft:#2E2210;
  --danger:#F97066;
  --danger-soft:#3A1614;
  --note:#2A2612;
  --note-line:#5A4E1E;
  --sev-1:#564D2C;
  --sev-2:#93690D;
  --sev-3:#CF7B26;
  --sev-4:#F28C5C;
  --sev-5:#FFA696;
  --bar-off:#2A2E35;
  --chart-grid:#1E2228;
  --chart-compare:#5C6573;
  --good:#22C55E;
  --mid:#FACC15;
  --bad:#F87171;
  --mid-soft:#2A2408;
  --mid-ink:#FDE047;
}