/**
 * StanceArena — readable text on dark surfaces (WCAG AA–oriented)
 * Import before app-shell.css / trivia-shared.css on every screen.
 */
:root {
  --sa-text:           #f0f6ff;
  --sa-text-secondary: #c5d4e8;
  --sa-text-muted:     #94a3b8;
  --sa-text-subtle:    #7d94b0;
  --sa-placeholder:    rgba(240, 246, 255, 0.58);
  --sa-on-surface:     #e8f0ff;
  --sa-explain:        rgba(232, 240, 255, 0.72);
  --sa-hint:           #fcd34d;
  --sa-link:           #93c5fd;
}

/* Map legacy token names → accessible palette */
:root {
  --text: var(--sa-text);
  --muted: var(--sa-text-muted);
  --text-primary: var(--sa-text);
  --text-muted: var(--sa-text-muted);
  --ta-text: var(--sa-text);
  --ta-muted: var(--sa-text-muted);
}