:root {
  color-scheme: light;
  --brand-navy: #142434;
  --brand-sky: #82cdfb;
  --action: #17618b;
  --canvas: #f3f6f8;
  --surface: #fff;
  --surface-soft: #f7f9fa;
  --ink: #182d40;
  --muted: #526777;
  --line: #d9e1e7;
  --success: #196449;
  --success-soft: #e7f4ed;
  --warning: #815000;
  --warning-soft: #fff3d9;
  --danger: #a32f3d;
  --danger-soft: #fcecef;
  --info-soft: #e9f4fc;
  --focus: #17618b;
  --shadow: 0 14px 42px #1424340a;
  --radius: 12px;
  --font: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Arial Black', 'Segoe UI', sans-serif;
  --font-mono: 'Cascadia Code', Consolas, monospace;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --action: #82cdfb;
  --canvas: #0e1923;
  --surface: #172837;
  --surface-soft: #1b3041;
  --ink: #e8f0f6;
  --muted: #a7bbc9;
  --line: #334b5c;
  --success: #88d5ad;
  --success-soft: #183e31;
  --warning: #f4cb7a;
  --warning-soft: #3c3220;
  --danger: #ffacb5;
  --danger-soft: #462731;
  --info-soft: #193a50;
  --focus: #82cdfb;
  --shadow: 0 14px 42px #00000016;
}