/* Night City — a targeting HUD that happens to be an app. Scanner cyan
   on void blue, hard edges, uppercase telemetry labels. Lock-on energy. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;600&display=swap');

:root[data-theme="nightcity"] {
  --bg: #05090e;
  --bg-image: none;
  --surface: #0a1118;
  --surface-2: #101b25;
  --text: #D9E7EE;
  --text-muted: #7C93A3;
  --accent: #2FE0F5;
  --on-accent: #041014;
  --border: #1c2c3a;
  --grid-line: #142230;

  --radius: 3px;
  --radius-sm: 2px;
  --shadow: none;
  --backdrop-filter: none;

  --font-display: 'Chakra Petch', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --label-case: uppercase;
  --label-tracking: 0.08em;

  /* chart palette validated (dataviz six checks) vs surface #0a1118, dark mode */
  --chart-1: #109DB8;
  --chart-2: #C4832B;
  --chart-3: #C75A96;
  --chart-4: #4FA84A;

  --ok: #58E28D;
  --warn: #F4B14E;
  --bad: #F86A6A;
  --ok-bg: color-mix(in srgb, var(--ok) 13%, transparent);
  --warn-bg: color-mix(in srgb, var(--warn) 13%, transparent);
  --bad-bg: color-mix(in srgb, var(--bad) 13%, transparent);
}