/* Master palette: approved Brand Kit v1.0.0. Other shades are derived UI or semantic colors. */
:root {
  color-scheme: dark;
  --zq-navy: #0B1635;
  --zq-blue: #1E4ED8;
  --zq-cyan: #10B7D6;
  --zq-gold: #C59A2A;
  --zq-white: #FFFFFF;
  --zq-background: #080F23;
  --zq-surface: #101E3B;
  --zq-elevated: #17294A;
  --zq-navigation: var(--zq-navy);
  --zq-text: #EEF3FC;
  --zq-muted: #B0BFD8;
  --zq-border: #33486B;
  --zq-focus: #71DCEE;
  --zq-selected: #173A5C;
  --zq-hover: #1B3054;
  --zq-success: #6FE0AA;
  --zq-warning: #F0C86B;
  --zq-error: #FF9CA5;
  --zq-info: #97C6FF;
  --zq-overlay: #040A16CC;
  --zq-space-1: 4px;
  --zq-space-2: 8px;
  --zq-space-3: 12px;
  --zq-space-4: 16px;
  --zq-space-5: 24px;
  --zq-radius: 8px;
  --zq-shadow: 0 16px 48px #00000040;
  --zq-table-padding: 10px 12px;
  --bg: var(--zq-background); --panel: var(--zq-surface); --panel2: var(--zq-elevated);
  --line: var(--zq-border); --text: var(--zq-text); --muted: var(--zq-muted);
  --cyan: var(--zq-cyan); --green: var(--zq-success); --red: var(--zq-error); --amber: var(--zq-warning);
}