/* ──────────────────────────────────────────────────────────────
   BazaFit — Color tokens
   Dark, "cyber-gym" neon system on a near-black canvas. Every
   accent is meant to glow: pair the solid value with its matching
   --glow-* (low-alpha) for shadows and halos.
   ────────────────────────────────────────────────────────────── */

:root {
  /* ── Canvas & surfaces ──────────────────────────────── */
  --bg-app:          #0b0b10;   /* page background, deepest layer */
  --bg-app-alt:      #0f0f14;   /* full-screen modals / sheets    */
  --surface-1:       #141418;   /* cards, list rows               */
  --surface-2:       #1c1c1e;   /* inputs, nested cards           */
  --surface-3:       #1c1c24;   /* portfolio inputs / fields      */
  --surface-4:       #16161c;   /* measure tiles                  */
  --surface-glass:   rgba(20, 20, 30, 0.85); /* primary card btn  */
  --surface-raised:  #1e1e24;   /* calendar day, tab track        */
  --scrim:           rgba(0, 0, 0, 0.88);     /* modal backdrop    */

  /* ── Hairlines & borders ────────────────────────────── */
  --border-soft:     rgba(255, 255, 255, 0.06);
  --border-card:     rgba(255, 255, 255, 0.07);
  --border-strong:   rgba(255, 255, 255, 0.10);
  --border-solid:    #2a2a2a;
  --border-solid-2:  #23242a;

  /* ── Text ───────────────────────────────────────────── */
  --text-primary:    #ffffff;
  --text-secondary:  rgba(255, 255, 255, 0.50);
  --text-tertiary:   rgba(255, 255, 255, 0.35);
  --text-muted:      #888888;   /* captions, subs                 */
  --text-label:      #aaaaaa;   /* form labels                    */
  --text-faint:      #666666;   /* empty states                   */
  --text-body:       #d1d1d6;   /* long-form modal copy           */

  /* ── Brand / primary action ─────────────────────────── */
  --primary:         #30a7f7;   /* the BazaFit blue — CTAs, focus */
  --primary-strong:  #0066ff;
  --glow-primary:    rgba(48, 167, 247, 0.30);

  /* ── Category accents (each card surface owns a hue) ── */
  --accent-blue:     #30b8ff;   /* Профиль   — body & profile     */
  --accent-blue-2:   #00c2ff;
  --glow-blue:       rgba(0, 180, 255, 0.25);

  --accent-green:    #38ef7d;   /* Замеры    — measurements       */
  --accent-green-2:  #11998e;
  --glow-green:      rgba(56, 239, 125, 0.20);

  --accent-orange:   #ff9f30;   /* История   — workout history    */
  --accent-orange-2: #ff5c00;
  --glow-orange:     rgba(255, 140, 30, 0.20);

  --accent-purple:   #c060ff;   /* AI Отчёт  — reports / AI       */
  --accent-purple-2: #6200ea;
  --glow-purple:     rgba(140, 60, 255, 0.25);

  --accent-gold:     #ffd700;   /* Портфолио — trainer portfolio  */
  --accent-gold-2:   #ff9500;
  --glow-gold:       rgba(255, 190, 40, 0.25);

  --accent-cyan:     #00e5ff;   /* spare neon                     */
  --glow-cyan:       rgba(0, 220, 255, 0.25);

  /* ── Semantic ───────────────────────────────────────── */
  --danger:          #ff453a;   /* delete / errors                */
  --success:         #38ef7d;
  --warning:         #ff9f30;

  /* ── Neon ring (avatar / divider) — multi-stop ──────── */
  --ring-1:          #00e0ff;
  --ring-2:          #0099ff;
  --ring-3:          #7c3aed;
  --ring-4:          #c026d3;

  /* ── Atmosphere (fixed body glow) ───────────────────── */
  --atmo-top:        rgba(40, 80, 160, 0.12);
  --atmo-bottom:     rgba(0, 180, 255, 0.06);

  /* ── Gradients ──────────────────────────────────────── */
  --grad-blue:    linear-gradient(180deg, #00c2ff, #0066ff); /* @kind color */
  --grad-green:   linear-gradient(180deg, #38ef7d, #11998e); /* @kind color */
  --grad-orange:  linear-gradient(180deg, #ffa020, #ff5c00); /* @kind color */
  --grad-purple:  linear-gradient(180deg, #b44fff, #6200ea); /* @kind color */
  --grad-gold:    linear-gradient(180deg, #ffd700, #ff9500); /* @kind color */
  --grad-ring:    conic-gradient(from 200deg,
                    var(--ring-1) 0%, var(--ring-2) 20%,
                    var(--ring-3) 50%, var(--ring-4) 70%,
                    var(--ring-1) 100%); /* @kind color */
  --grad-divider: linear-gradient(90deg,
                    transparent 0%, #00e0ff 25%, #7c3aed 50%,
                    #c026d3 75%, transparent 100%); /* @kind color */
}