:root,
[data-theme="dark"] {
  --bg: #22272e;
  --bg2: #262c33;
  --panel: #2d333b;
  --panel2: #343b44;
  --line: #444c56;
  --line2: #545d68;
  --text: #cdd9e5;
  --text2: #adbac7;
  --muted: #8b96a1;
  --faint: #6b7682;
  --eyebrow: #7ea3b0;
  --accent: #35e0d0;
  --accent-ink: #10161b;
  --accent-dim: rgba(53, 224, 208, 0.38);
  --accent-soft: rgba(53, 224, 208, 0.09);
  --amber: #f5c518;
  --amber-ink: #1a1508;
  --green: #63c48b;
  --red: #ff3b5b;
  --track: #343b44;
  --gauge-track: #444c56;
  --glow: rgba(53, 224, 208, 0.06);
  --grid: rgba(120, 180, 220, 0.035);
}

[data-theme="light"] {
  --bg: #eef1f5;
  --bg2: #e6ebf0;
  --panel: #ffffff;
  --panel2: #f1f4f8;
  --line: #e3e8ee;
  --line2: #ccd5df;
  --text: #16202b;
  --text2: #39434f;
  --muted: #5f6d7a;
  --faint: #98a3af;
  --eyebrow: #5f7686;
  --accent: #0f9d90;
  --accent-ink: #ffffff;
  --accent-dim: rgba(15, 157, 144, 0.4);
  --accent-soft: rgba(15, 157, 144, 0.1);
  --amber: #c8930a;
  --amber-ink: #ffffff;
  --green: #2f9e63;
  --red: #e0143f;
  --track: #eef2f6;
  --gauge-track: #e2e8ee;
  --glow: rgba(15, 157, 144, 0.06);
  --grid: rgba(30, 60, 90, 0.05);
}