/* ── Tokens ──────────────────────────────────────────────────────────────── */

:root { color-scheme: dark; }

.blue {
  --bg-main: #0b1220;
  --bg-panel: #111a2e;
  --bg-panel-2: #16223a;
  --border: #263554;

  --text-main: #e8edf5;
  --text-muted: var(--silver);

  --accent-deep: #0d1b3e;
  --accent-mid:  #2a4f8a;
  --accent-main: #4c8dff;

  --gold: #c9a84c;
  --gold-soft: color-mix(in srgb, #c9a84c 65%, var(--bg-main) 35%);
  --silver: #a8b4c0;

  --profit: #2fbe7f;
  --deficit: #d95c5c;

  --status-ok:   #1a9e8a;
  --status-warn: #d6a34a;
  --status-err:  #d95c5c;

  --surface-1: var(--bg-panel);
  --surface-2: var(--bg-panel-2);
  --text-1: var(--text-main);
  --text-2: var(--text-muted);
  --interactive: var(--accent-main);
  --interactive-hover: color-mix(in srgb, var(--accent-main) 78%, #ffffff 22%);
  --focus-ring: var(--accent-main);
}