/* Academy Racing League — Color Tokens */

:root {
  /* ── Brand Primitives ── */
  --color-blue-400:   #5BC8FF;
  --color-blue-500:   #1AABF5;
  --color-blue-600:   #0E8CD4;
  --color-blue-700:   #0B6FAA;

  --color-red-400:    #FF4D57;
  --color-red-500:    #E31C24;
  --color-red-600:    #B81419;
  --color-red-700:    #8C0F13;

  --color-navy-100:   #CDD4E8;
  --color-navy-200:   #8A95B0;
  --color-navy-300:   #546080;
  --color-navy-400:   #2E3A56;
  --color-navy-500:   #1E2D4A;
  --color-navy-600:   #131D35;
  --color-navy-700:   #0D1428;
  --color-navy-800:   #080E1C;
  --color-navy-900:   #040810;

  --color-white:      #FFFFFF;
  --color-black:      #000000;

  /* ── Semantic Aliases ── */

  /* Backgrounds */
  --bg-base:          var(--color-navy-800);
  --bg-surface:       var(--color-navy-700);
  --bg-elevated:      var(--color-navy-600);
  --bg-panel:         var(--color-navy-500);
  --bg-overlay:       rgba(4, 8, 16, 0.85);

  /* Text */
  --text-primary:     var(--color-white);
  --text-secondary:   var(--color-navy-100);
  --text-muted:       var(--color-navy-200);
  --text-disabled:    var(--color-navy-300);
  --text-inverse:     var(--color-navy-800);

  /* Brand accents */
  --accent-blue:      var(--color-blue-500);
  --accent-blue-dim:  var(--color-blue-700);
  --accent-red:       var(--color-red-500);
  --accent-red-dim:   var(--color-red-700);

  /* Interactive */
  --interactive-primary:        var(--color-red-500);
  --interactive-primary-hover:  var(--color-red-400);
  --interactive-primary-press:  var(--color-red-600);

  --interactive-secondary:        var(--color-blue-500);
  --interactive-secondary-hover:  var(--color-blue-400);
  --interactive-secondary-press:  var(--color-blue-600);

  --interactive-ghost:        transparent;
  --interactive-ghost-hover:  rgba(26, 171, 245, 0.08);
  --interactive-ghost-press:  rgba(26, 171, 245, 0.16);

  /* Borders */
  --border-subtle:    rgba(255, 255, 255, 0.07);
  --border-default:   rgba(255, 255, 255, 0.12);
  --border-strong:    rgba(255, 255, 255, 0.24);
  --border-blue:      rgba(26, 171, 245, 0.4);
  --border-red:       rgba(227, 28, 36, 0.4);

  /* Race status colors */
  --status-p1:        #FFD700;   /* Gold - first place */
  --status-p2:        #C0C8D8;   /* Silver - second */
  --status-p3:        #CD7F32;   /* Bronze - third */
  --status-dnf:       var(--color-red-500);
  --status-dsq:       #FF6B35;
  --status-online:    #22C55E;
  --status-offline:   var(--color-navy-300);

  /* Flag colors */
  --flag-green:       #22C55E;
  --flag-yellow:      #EAB308;
  --flag-red:         var(--color-red-500);
  --flag-blue:        var(--color-blue-500);
  --flag-white:       var(--color-white);
  --flag-chequered-a: var(--color-white);
  --flag-chequered-b: var(--color-black);
}