:root {
  
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;

  
  --accent: #5b8def;
  --accent-hover: #4a7de0;   
  
  --btn-primary-text: #fff;

  
  --accent-tint: color-mix(in srgb, var(--accent) 12%, transparent);          
  --accent-tint-selected: color-mix(in srgb, var(--accent) 18%, transparent); 
  --accent-tint-strong: color-mix(in srgb, var(--accent) 25%, transparent);   
  --accent-border: color-mix(in srgb, var(--accent) 50%, transparent);        

  
  --text: #e0e0e0;
  --text-secondary: #ccc;
  --text-tertiary: #aaa;  
  --text-dim: #888;
  --text-muted: #666;
  --text-faint: #555;

  
  --bg-page: #1a1a1e;     
  --bg-card: #22222a;     
  --bg-input: #25252a;    
  --bg-sunken: #1e1e26;   
  --bg-hover: #2a2a32;    

  
  --border: #333;
  --border-strong: #444;

  
  --scrollbar-thumb: #3a3a40;
  --scrollbar-thumb-hover: #4a4a5e;

  
  --team-gold: #f0c040;

  
  --brand: #d91f2a;
  
  --brand-hairline: linear-gradient(90deg, var(--brand) 0%, var(--brand) 14%,
      color-mix(in srgb, var(--brand) 12%, transparent) 60%, transparent 100%);
  
  --brand-mark-opacity: 0.12;

  
  --danger-text: #e88;
  --success-text: #8e8;
  --danger: #c44;
  --success: #5a5;

  
  --chip-driver-idle-border: #3a3a40;
  --chip-driver-idle-text: #7a7a82;
  --chip-driver-active-bg: rgba(255, 255, 255, 0.1);
  --chip-driver-active-border: #6a6a72;
  --chip-driver-active-text: #e0e0e0;

  

  
  --radius-sm: 4px;    
  --radius-md: 6px;    
  --radius-lg: 8px;    
  --radius-xl: 10px;   
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
}