/* css/variables.css */
:root {
  --orange:        #FF6B00;
  --orange-bright: #FF8C00;
  --orange-dim:    rgba(255,107,0,0.10);
  --gold:          #FFD700;
  --green:         #00FF88;
  --red:           #FF3B3B;
  --blue:          #5865F2;

  --dark:   #0A0A0A;
  --dark2:  #111111;
  --dark3:  #1A1A1A;
  --dark4:  #222222;
  --gray:   #888888;
  --light:  #EEEEEE;
  --white:  #FFFFFF;

  --border:        rgba(255,255,255,0.07);
  --border-orange: rgba(255,107,0,0.25);

  --font-display: 'Bebas Neue', cursive;
  --font-ui:      'Rajdhani', sans-serif;
  --font-body:    'Exo 2', sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --transition: all 0.22s ease;
}