:root {
  --bg: #0c0c0e;
  --bg-2: #08080a;
  --surface: #15151a;
  --surface-2: #1c1c22;
  --border: #22222a;
  --border-bright: #2e2e38;
  --text-primary: #f5f5f7;
  --text-secondary: #8e8e96;
  --text-tertiary: #56565e;
  --recovery: #5eead4;
  --recovery-glow: rgba(94, 234, 212, 0.14);
  --strain: #93c5fd;
  --strain-glow: rgba(147, 197, 253, 0.14);
  --sleep: #c4b5fd;
  --sleep-glow: rgba(196, 181, 253, 0.14);
  --warn: #fbbf24;
  --danger: #f87171;
}

[data-theme="light"] {
  --bg: #fafaf9;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f4f3;
  --border: #e8e8e6;
  --border-bright: #d4d4d2;
  --text-primary: #1a1a1c;
  --text-secondary: #6e6e74;
  --text-tertiary: #a0a0a4;
  --recovery: #0d9488;
  --recovery-glow: rgba(13, 148, 136, 0.10);
  --strain: #2563eb;
  --strain-glow: rgba(37, 99, 235, 0.10);
  --sleep: #7c3aed;
  --sleep-glow: rgba(124, 58, 237, 0.10);
  --warn: #d97706;
  --danger: #dc2626;
}