:root {
  --bg-primary: #0a0a0c;
  --bg-secondary: #0D1520;
  --bg-card: #111820;
  --text-primary: #EDF3F7;
  --text-secondary: #B0C4D0;
  --text-muted: #93AEC0;
  --border: rgba(62, 207, 207, 0.15);
  --accent: #3ECFCF;
  --accent-text: #3ECFCF;
  --nav-bg: rgba(10,10,12,0.95);
  --bg: var(--bg-primary);
  --navy: var(--bg-secondary);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --card: var(--bg-card);
  --off-white: var(--text-primary);
  --teal: var(--accent);
}
[data-theme="light"] {
  --bg-primary: #F4F4EF;
  --bg-secondary: #E8E8E2;
  --bg-card: #DEDED8;
  --text-primary: #0A0A0C;
  --text-secondary: #2A2A2A;
  --text-muted: #4A4A4A;
  --border: rgba(0,0,0,0.14);
  --accent: #128B8B;
  --accent-text: #0E6E6E;
  --nav-bg: rgba(244,244,239,0.97);
}