/* GENERATED FILE — DO NOT EDIT.
 * Source: docs/design/brand/colours.json, FLIT's single colour authority
 * (PRODUCT.md K16e). Regenerate with: python3 scripts/build-brand-colours.py
 * Every other file of the site reads these properties; none writes a colour. */

:root {
  color-scheme: light dark;
  --canvas: #F0EDF9;
  --surface: #FBFAFF;
  --surface-raised: #DFDAEE;
  --line: #D7D0E9;
  --line-strong: #8A80B4;
  --text-primary: #26223C;
  --text-secondary: #514D66;
  --text-tertiary: #5F5975;
  --focal: #554CA2;
  --focus-ring: #6F5CCB;
  --primary-action: #FFD250;
  --on-primary-action: #2A203B;
  --success: #126D6A;
  --warning: #7E5B00;
  --danger: #AA394B;
  --on-status: #FFFFFF;
  --on-brand: #FFFFFF;
  --format-tournament: #8B6DFF;
  --format-live-tournament: #FF6B6B;
  --format-survey: #42D6C6;
  --format-prediction: #FF7AC8;
  --mode-arena: #4C9BFF;
  --mode-duel: #38C27A;
  --mode-self-test: #F5B940;
  --mode-word-hunt: #B9D84A;
  --mode-arena-ink: #26223C;
  --mode-duel-ink: #26223C;
  --mode-self-test-ink: #26223C;
  --mode-word-hunt-ink: #26223C;
}

@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #101025;
    --surface: #1A1836;
    --surface-raised: #211F46;
    --line: #373361;
    --line-strong: #7B74B4;
    --text-primary: #F9F7FF;
    --text-secondary: #C8C2E6;
    --text-tertiary: #AFA8C5;
    --focal: #5B4ED1;
    --focus-ring: #A99EFF;
    --primary-action: #FFD250;
    --on-primary-action: #2A203B;
    --success: #1DB4AF;
    --warning: #D09500;
    --danger: #D98E99;
    --on-status: #2A203B;
    --on-brand: #FFFFFF;
  }
}