:root, [data-theme="light"] {
  color-scheme: light;
  --bg-main: #f8faff;
  --bg-secondary: #e2e8f0;
  --accent-main: #3b82f6;
  --accent-secondary: #06b6d4;
  --font-main: #0f172a;
  --font-secondary: #475569;
  --info: #0ea5e9;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --focus: #8b5cf6;
  --button-bg: #0f172a;
  --button-text: #f8faff;
  --link-text: #1d4ed8;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg-main: #070b12;
  --bg-secondary: #0f172a;
  --accent-main: #3b82f6;
  --accent-secondary: #22d3ee;
  --font-main: #f8faff;
  --font-secondary: #94a3b8;
  --info: #0ea5e9;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --focus: #8b5cf6;
  --button-bg: #e2e8f0;
  --button-text: #0f172a;
  --link-text: #22d3ee;
}
/* Derived link foreground improves text contrast; status colors are borders,
   with normal foreground/surface tokens for accessible notification text. */