/* MyCue brand palette — CSS custom properties */
:root {
  --mycue-emerald: #3B9B6E; /* Buttons, links, active states, brand green */
  --mycue-emerald-light: #5EBA8F; /* Hover / lighter emerald on dark */
  --mycue-gold-ui: #EEB32B; /* Highlights, trophies, prize + winner states */
  --mycue-gold-logo: #D4A428; /* The gold inside the logo artwork itself */
  --mycue-ink---bg: #0E1110; /* Page background. The default MyCue surface */
  --mycue-card: #171C1A; /* Cards sitting on the page background */
  --mycue-surface: #1C211F; /* Raised surfaces, inputs */
  --mycue-secondary: #212725; /* Secondary buttons, chips */
  --mycue-muted: #262B2A; /* Muted fills */
  --mycue-border: #2A322F; /* Hairlines and dividers */
  --mycue-foreground: #EFEDE7; /* Body text on dark. Warm off-white, not pure white */
  --mycue-muted-text: #83958F; /* Secondary + caption text */
  --mycue-destructive: #DC2828; /* Errors, destructive actions */
}