:root {
  color-scheme: light;
  --bg: #f5f8fc;
  --surface: #ffffff;
  --surface-soft: #eaf0f7;
  --border: #c8d3e0;
  --text: #172332;
  --muted: #526478;
  --provider-inactive: #3d4b5c;
  --accent: #b91865;
  --accent-strong: #9c1054;
  --accent-end: #a92382;
  --accent-soft: #ffe5f2;
  --secondary: #006b80;
  --secondary-soft: #dff7fc;
  --highlight: #b9ff69;
  --highlight-ink: #233d13;
  --wash: #ecf4fb;
  --focus: #006b80;
  --grid: rgba(0, 107, 128, 0.045);
  --glow: rgba(232, 30, 143, 0.22);
  --glow-secondary: rgba(0, 185, 214, 0.2);
  --header: rgba(245, 248, 252, 0.95);
  --shadow: 0 8px 32px rgba(22, 52, 75, 0.08), 0 0 16px var(--glow-secondary);
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #0d1116;
  --surface: #141c24;
  --surface-soft: #1b2832;
  --border: #3b5363;
  --text: #edfaff;
  --muted: #aac0ce;
  --provider-inactive: #7d8d9b;
  --accent: #ff68c4;
  --accent-strong: #ff9ad6;
  --accent-end: #ff9acb;
  --accent-soft: #382039;
  --secondary: #58e8fa;
  --secondary-soft: #11343d;
  --wash: #14232c;
  --focus: #58e8fa;
  --grid: rgba(88, 232, 250, 0.055);
  --glow: rgba(255, 61, 174, 0.4);
  --glow-secondary: rgba(50, 224, 247, 0.28);
  --header: rgba(13, 17, 22, 0.95);
  --shadow: 0 12px 36px rgba(0, 0, 0, 0.22), 0 0 18px var(--glow-secondary);
}