/* Snapshot of app/globals.css theme tokens. Static demo only. */
:root {
  /* IRON HUD — LIGHT MODE ("Ceramic Glass") */
  --background: #eef1f6;
  --foreground: #0b1220;

  --card: rgba(255, 255, 255, 0.78);
  --card-foreground: #0b1220;

  --popover: rgba(255, 255, 255, 0.97);
  --popover-foreground: #0b1220;

  /* Layered surfaces */
  --surface-2: rgba(15, 23, 42, 0.04);          /* nested wells, headers */
  --surface-highlight: rgba(255, 255, 255, 0.9); /* inner top edge of glass */
  --shadow-color: rgba(15, 23, 42, 0.16);
  --grid-line: rgba(15, 23, 42, 0.05);           /* page grid — decoration only */

  --primary: #2563eb;
  /* Technical Blue (Light Mode) */
  --primary-foreground: #ffffff;

  --secondary: #e5e7eb;
  --secondary-foreground: #111827;

  --muted: #e9edf3;
  --muted-foreground: #5c6675; /* ≥4.5:1 on card */

  --accent: #f97316;
  /* Calibration Orange */
  --accent-foreground: #ffffff;

  --destructive: #dc2626;
  --destructive-foreground: #ffffff;

  --border: rgba(15, 23, 42, 0.12);
  --input: #e5e7eb;
  --ring: #2563eb;

  --radius: 0.25rem;

  /* Data semantics — text-safe (AA on card) vs vivid (fills/strokes) */
  --positive: #047857;
  --positive-vivid: #10b981;
  --negative: #be123c;
  --negative-vivid: #f43f5e;
  --warning: #b45309;
  --warning-vivid: #f59e0b;

  /* Data Visualization Colors */
  --chart-1: #2563eb;
  --chart-2: #f97316;
  --chart-3: #10b981;
  --chart-4: #8b5cf6;
  --chart-5: #eab308;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* IRON HUD — DARK MODE (RAZOR GLASS) */
    --background: #060b16;
    /* Deep Carbon, blue-shifted */
    --foreground: #e8edf6;

    --card: rgba(15, 23, 42, 0.66);
    /* LIGHTER than the background — panels must read as raised surfaces */
    --card-foreground: #e8edf6;

    --popover: rgba(10, 16, 28, 0.97);
    --popover-foreground: #e8edf6;

    --surface-2: rgba(148, 163, 184, 0.07);
    --surface-highlight: rgba(255, 255, 255, 0.06);
    --shadow-color: rgba(0, 0, 0, 0.6);
    --grid-line: rgba(0, 240, 255, 0.045);

    --primary: #00f0ff;
    /* Razor Cyan */
    --primary-foreground: #000000;

    --secondary: #1e293b;
    --secondary-foreground: #e8edf6;

    --muted: #101a2c;
    --muted-foreground: #a4b1c5; /* brightened — old #94a3b8 failed on glass */

    --accent: #ff003c;
    /* Alert Red */
    --accent-foreground: #ffffff;

    --destructive: #f87171;
    --destructive-foreground: #0b1220;

    /* Neutral borders — structure. Cyan is an ACCENT (hover/focus), not a wall colour. */
    --border: rgba(148, 163, 184, 0.16);
    --input: #1e293b;
    --ring: #00f0ff;

    --positive: #34d399;
    --positive-vivid: #10b981;
    --negative: #fb7185;
    --negative-vivid: #f43f5e;
    --warning: #fbbf24;
    --warning-vivid: #f59e0b;

    --chart-1: #00f0ff;
    --chart-2: #ff5c7a;
    --chart-3: #facc15;
    --chart-4: #c084fc;
    --chart-5: #4ade80;
  }
}

/* Manual Theme Overrides */
:root[data-theme="dark"],
.dark {
  --background: #060b16;
  --foreground: #e8edf6;
  --card: rgba(15, 23, 42, 0.66);
  --card-foreground: #e8edf6;
  --popover: rgba(10, 16, 28, 0.97);
  --popover-foreground: #e8edf6;
  --surface-2: rgba(148, 163, 184, 0.07);
  --surface-highlight: rgba(255, 255, 255, 0.06);
  --shadow-color: rgba(0, 0, 0, 0.6);
  --grid-line: rgba(0, 240, 255, 0.045);
  --primary: #00f0ff;
  --primary-foreground: #000000;
  --secondary: #1e293b;
  --secondary-foreground: #e8edf6;
  --muted: #101a2c;
  --muted-foreground: #a4b1c5;
  --accent: #ff003c;
  --accent-foreground: #ffffff;
  --destructive: #f87171;
  --destructive-foreground: #0b1220;
  --border: rgba(148, 163, 184, 0.16);
  --input: #1e293b;
  --ring: #00f0ff;

  --positive: #34d399;
  --positive-vivid: #10b981;
  --negative: #fb7185;
  --negative-vivid: #f43f5e;
  --warning: #fbbf24;
  --warning-vivid: #f59e0b;

  --chart-1: #00f0ff;
  --chart-2: #ff5c7a;
  --chart-3: #facc15;
  --chart-4: #c084fc;
  --chart-5: #4ade80;
}

:root[data-theme="light"],
.light {
  --background: #eef1f6;
  --foreground: #0b1220;
  --card: rgba(255, 255, 255, 0.78);
  --card-foreground: #0b1220;
  --popover: rgba(255, 255, 255, 0.97);
  --popover-foreground: #0b1220;
  --surface-2: rgba(15, 23, 42, 0.04);
  --surface-highlight: rgba(255, 255, 255, 0.9);
  --shadow-color: rgba(15, 23, 42, 0.16);
  --grid-line: rgba(15, 23, 42, 0.05);
  --primary: #2563eb;
  --primary-foreground: #ffffff;
  --secondary: #e5e7eb;
  --secondary-foreground: #111827;
  --muted: #e9edf3;
  --muted-foreground: #5c6675;
  --accent: #f97316;
  --accent-foreground: #ffffff;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: rgba(15, 23, 42, 0.12);
  --input: #e5e7eb;
  --ring: #2563eb;

  --positive: #047857;
  --positive-vivid: #10b981;
  --negative: #be123c;
  --negative-vivid: #f43f5e;
  --warning: #b45309;
  --warning-vivid: #f59e0b;

  --chart-1: #2563eb;
  --chart-2: #f97316;
  --chart-3: #10b981;
  --chart-4: #8b5cf6;
  --chart-5: #eab308;
}