/* ============================================================
   PB.Fams — design tokens "ARENA"
   Bersih & terstruktur: kedalaman dari border + lapisan surface.
   Aksen glow tipis hanya pada tombol penting (premium, tidak lebay).
   Palet: hijau lapangan badminton, garis putih, kok.
   ============================================================ */
:root{
  /* ---- surfaces (gelap, netral, sedikit navy) ---- */
  --bg:#0a0f16;
  --surface:#101724;
  --surface-2:#161f2f;
  --surface-3:#1e2a3d;

  /* ---- text ---- */
  --text:#e8edf6;
  --text-strong:#ffffff;
  --muted:#9aa9c2;
  --faint:#64738f;

  /* ---- lines ---- */
  --border:rgba(148,163,184,.14);
  --border-strong:rgba(148,163,184,.30);

  /* ---- brand (badminton green) ---- */
  --primary:#22c55e;
  --primary-2:#4ade80;
  --primary-deep:#15803d;
  --primary-soft:rgba(34,197,94,.12);
  --primary-ink:#052e16;      /* teks di atas hijau */

  /* ---- accents ---- */
  --accent:#fbbf24;
  --accent-ink:#3b2302;
  --accent-soft:rgba(251,191,36,.13);
  --danger:#f87171;
  --danger-strong:#dc2626;
  --danger-soft:rgba(248,113,113,.12);
  --warn:#fbbf24;
  --warn-soft:rgba(251,191,36,.13);
  --info:#38bdf8;
  --info-ink:#082634;
  --info-soft:rgba(56,189,248,.12);

  /* ---- kedalaman tombol (gradient + glow tipis) ---- */
  --grad-primary:linear-gradient(180deg,#31d472,#16a34a);
  --grad-accent:linear-gradient(180deg,#fcd34d,#f59e0b);
  --grad-danger:linear-gradient(180deg,#fb7185,#dc2626);
  --primary-glow:rgba(34,197,94,.40);
  --accent-glow:rgba(251,191,36,.35);
  --danger-glow:rgba(239,68,68,.35);
  --danger-ink:#ffffff;
  --btn-hi:rgba(255,255,255,.16);   /* highlight sisi atas tombol */
  --lift:0 10px 22px -12px rgba(0,0,0,.55);

  /* ---- geometry ---- */
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;
  --radius-pill:999px;

  /* ---- type ---- */
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-num:'Barlow Condensed','Arial Narrow',Impact,sans-serif;

  /* ---- layout ---- */
  --sidebar-w:250px;
  --topbar-h:60px;
  --speed:.16s;
  --ease:cubic-bezier(.22,.8,.36,1);
}

[data-theme="light"]{
  /* ---- surfaces: sage lembut, nyaman di mata ---- */
  --bg:#eef4ef;
  --surface:#ffffff;
  --surface-2:#e7efe8;
  --surface-3:#dae7dc;

  /* ---- text ---- */
  --text:#27392e;
  --text-strong:#122117;
  --muted:#5a7263;
  --faint:#90a396;

  /* ---- lines ---- */
  --border:rgba(28,78,48,.13);
  --border-strong:rgba(28,78,48,.27);

  /* ---- brand (hijau teduh) ---- */
  --primary:#148a4e;
  --primary-2:#0e6e3d;
  --primary-deep:#0a5530;
  --primary-soft:rgba(20,138,78,.10);
  --primary-ink:#ffffff;

  --grad-primary:linear-gradient(180deg,#1ba763,#0f7f47);
  --grad-accent:linear-gradient(180deg,#fbbf24,#e8930c);
  --grad-danger:linear-gradient(180deg,#ef4444,#d92d20);
  --primary-glow:rgba(16,138,78,.38);
  --accent-glow:rgba(232,147,12,.33);
  --danger-glow:rgba(217,45,32,.30);
  --danger-ink:#ffffff;
  --btn-hi:rgba(255,255,255,.45);
  --lift:0 10px 22px -14px rgba(23,60,38,.35);

  /* ---- accents ---- */
  --accent:#dd8b05;
  --accent-ink:#ffffff;
  --accent-soft:rgba(221,139,5,.14);
  --danger:#dc2626;
  --danger-strong:#b91c1c;
  --danger-soft:rgba(220,38,38,.09);
  --warn:#d97706;
  --warn-soft:rgba(217,119,6,.13);
  --info:#0284c7;
  --info-ink:#ffffff;
  --info-soft:rgba(2,132,199,.10);
}

/* ---- status colors (dipakai badge / court / match) ---- */
.is-live{--st:var(--primary)}
.is-scheduled{--st:var(--info)}
.is-done{--st:var(--muted)}
.is-inactive{--st:var(--muted)}
.is-maintenance{--st:var(--warn)}
.is-walkover,.is-retired{--st:var(--warn)}