/* ==========================================================================
   theWagerDesk COLOR TOKENS — the only file with color values.
   To change the palette, edit the values below (site.css only uses var(--c-*)).

   ALTERNATE PALETTES (copy a set over the matching tokens):
   - Volt-first:    --c-accent:#1EA7FF; --c-accent-hover:#5CC0FF; --c-on-accent:#00111F;
                    --c-accent-2:#C6FF00; --c-accent-2-hover:#D8FF4D; --c-accent-rgb:30,167,255; --c-accent-2-rgb:198,255,0;
   - Kelly classic: --c-accent:#1FA34A; --c-accent-hover:#2BC25C; --c-on-accent:#FFFFFF (use #0B7A3B for buttons);
                    --c-accent-2:#F2B705; --c-accent-2-hover:#FFD54A; --c-accent-rgb:31,163,74; --c-accent-2-rgb:242,183,5;
   - Hot coral:     --c-accent:#FF4F5E; --c-accent-hover:#FF7A85; --c-on-accent:#1A0003;
                    --c-accent-2:#1EA7FF; --c-accent-rgb:255,79,94;
   Keep text contrast WCAG AA: light text on dark surfaces, dark text (--c-on-accent) on accent buttons.
   ========================================================================== */
:root{
  /* Surfaces */
  --c-bg:#07090C;
  --c-bg-rgb:7,9,12;
  --c-bg-2:#0B0F15;
  --c-surface:#10161E;
  --c-surface-2:#161E29;
  --c-surface-3:#1D2734;
  --c-line:#222D3B;
  --c-line-2:#2F3D50;
  --c-footer:#05070A;

  /* Text */
  --c-text:#F7FAFC;
  --c-white:#FFFFFF;
  --c-muted:#AAB6C5;
  --c-dim:#8391A3;

  /* Lead accent: electric lime */
  --c-accent:#C6FF00;
  --c-accent-hover:#D8FF4D;
  --c-on-accent:#0A0D00;
  --c-accent-rgb:198,255,0;

  /* Secondary accent: volt blue */
  --c-accent-2:#1EA7FF;
  --c-accent-2-hover:#5CC0FF;
  --c-on-accent-2:#00111F;
  --c-accent-2-rgb:30,167,255;

  /* Line moves */
  --c-up:#C6FF00;
  --c-down:#FF3D7F;
  --c-down-rgb:255,61,127;

  /* Status */
  --c-error:#FF6B95;
  --c-info:#5CC0FF;

  /* Effects */
  --c-shadow:rgba(0,0,0,.5);
  --c-glass:rgba(7,9,12,.9);
  --c-grid:rgba(255,255,255,.045);
  --c-stripe:rgba(255,255,255,.02);

  /* Racing saddle-cloth colors (standard U.S. program colors 1-8) */
  --sc-1-bg:#D7263D; --sc-1-fg:#FFFFFF;
  --sc-2-bg:#F5F5F5; --sc-2-fg:#0A0A0A;
  --sc-3-bg:#1F4FD8; --sc-3-fg:#FFFFFF;
  --sc-4-bg:#FFD400; --sc-4-fg:#0A0A0A;
  --sc-5-bg:#1E9E4A; --sc-5-fg:#FFFFFF;
  --sc-6-bg:#111111; --sc-6-fg:#FFD400;
  --sc-7-bg:#FF7A00; --sc-7-fg:#0A0A0A;
  --sc-8-bg:#FF8FC7; --sc-8-fg:#0A0A0A;

  color-scheme:dark;
}
