/* HeadToHead Design Tokens v2 - Based on design_guideline.html */
:root {
  /* Background Colors */
  --bg-1: #0B0F14;        /* app background (charcoal) */
  --bg-2: #10171F;        /* section background */
  --bg-3: #121B27;        /* card background */
  
  /* Text Colors */
  --text-1: #F2F6FB;      /* primary text */
  --text-2: #9AA6B2;      /* secondary text (mute) */
  
  /* Border Colors */
  --line-1: #1A2633;      /* soft divider */
  
  /* Brand Colors */
  --primary: #36A86D;     /* Turf Green (actions) */
  --gold: #F5B82E;        /* Warm Gold (points/score) */
  --accent: #FF6A5B;      /* Club Red (sparingly) */
  --success: #27B26D;      /* Success */
  --warning: #F1A137;      /* Warning */
  --danger: #E65454;       /* Danger */
  
  /* Shadows */
  --shadow-soft: 0 8px 28px rgba(0,0,0,0.35);
  --shadow-card: 0 4px 16px rgba(0,0,0,0.25);
  
  /* Border Radius */
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  
  /* Typography */
  --font-display: 'Archivo', ui-sans-serif, system-ui;
  --font-body: 'Rubik', ui-sans-serif, system-ui;
}