/* ═══════════════════════════════════════════════════════
   FootyGoat Design Tokens — canonical source of truth
   ═══════════════════════════════════════════════════════
   All pages should reference this file for the brand palette.
   index.html inlines these in :root for performance; the
   inline copy must stay synced with this file.
   DESIGN.md documents the semantics of each token.
   ═══════════════════════════════════════════════════════ */

:root {
  /* App theme: constants/AppTheme.ts → DarkColors (Classic preset) */
  --accent: #56b87f;
  --accent-glow: rgba(86, 184, 127, 0.24);
  --accent-soft: rgba(86, 184, 127, 0.12);
  --gold: #d4aa3a;
  --bg: #101816;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-elevated: #18231f;
  --border: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.2);
  --text-primary: #f2f4ef;
  --text-secondary: rgba(242, 244, 239, 0.66);
  --text-muted: rgba(255, 255, 255, 0.5);
  --text-on-accent: #0d1a14;
  --error: #ef4444;
}