/* ═══════════════════════════════════════════════
   APEX COACH — Theme & CSS Variables
   ═══════════════════════════════════════════════ */

:root {
  /* Backgrounds */
  --bg: #07090A;
  --surface: #101313;
  --surface-2: #181B1B;
  --surface-3: #212525;

  /* Brand accent — lime/electric */
  --accent: #C8FF00;
  --accent-dim: rgba(200, 255, 0, .1);
  --accent-glow: rgba(200, 255, 0, .2);

  /* Text */
  --text-1: #EDF0ED;
  --text-2: #7A827A;
  --text-3: #3E433E;

  /* Borders */
  --border: rgba(255, 255, 255, .05);
  --border-2: rgba(255, 255, 255, .09);

  /* Semantic */
  --success: #4ADE80;
  --warning: #FBBF24;
  --danger: #F87171;

  /* Layout */
  --radius: 10px;
  --radius-lg: 14px;
  --sidebar: 220px;

  /* Typography */
  --font-display: 'Bebas Neue', cursive;
  --font-body: 'Plus Jakarta Sans', sans-serif;
}

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--surface-3);
  border-radius: 2px;
}