/* Token desain DryuStore: malam pertandingan, biru tua dan biru muda */
:root {
  /* Warna dasar */
  --ink: #030818;
  --navy: #07122e;
  --navy-2: #0a1c4a;
  --navy-3: #0f2a6b;
  --royal: #1d4fd8;
  --sky: #38bdf8;
  --sky-2: #7dd3fc;
  --ice: #dff3ff;
  --chalk: #f4f9ff;

  /* Teks dan garis */
  --text: #e8f1ff;
  --text-2: #b4c8ee;
  --muted: #8aa3d1;
  --line: rgba(125, 211, 252, 0.16);
  --line-2: rgba(125, 211, 252, 0.3);
  --glass: rgba(10, 28, 74, 0.55);
  --glass-2: rgba(7, 18, 46, 0.78);

  /* Status */
  --ok: #34d399;
  --warn: #fbbf24;
  --bad: #f87171;
  --info: #38bdf8;

  /* Gradien */
  --grad-cta: linear-gradient(135deg, #1d4fd8 0%, #2f7cf0 55%, #38bdf8 100%);
  --grad-card: linear-gradient(160deg, rgba(15, 42, 107, 0.7), rgba(7, 18, 46, 0.9));
  --grad-page: radial-gradient(1200px 600px at 80% -10%, rgba(29, 79, 216, 0.28), transparent 60%), radial-gradient(900px 500px at 0% 30%, rgba(56, 189, 248, 0.1), transparent 60%), linear-gradient(180deg, #050d26, #030818 60%);

  /* Tipografi */
  --f-display: 'Big Shoulders Display', 'Barlow Condensed', 'Oswald', 'Arial Narrow', 'DejaVu Sans Condensed', Impact, sans-serif;
  --f-body: 'Figtree', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Skala ukuran (rasio ±1.25) */
  --fs-xs: 0.78rem;
  --fs-sm: 0.88rem;
  --fs-md: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: 1.4rem;
  --fs-2xl: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem);
  --fs-3xl: clamp(2.3rem, 1.6rem + 3vw, 3.8rem);
  --fs-hero: clamp(2.8rem, 1.2rem + 5vw, 5.6rem);

  /* Radius dan bayangan */
  --r-xs: 6px;
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 26px;
  --shadow-1: 0 8px 24px -10px rgba(0, 0, 0, 0.6);
  --shadow-2: 0 24px 60px -20px rgba(0, 10, 50, 0.9);
  --glow: 0 0 0 1px rgba(56, 189, 248, 0.35), 0 10px 40px -8px rgba(56, 189, 248, 0.45);

  /* Gerak */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Tata letak */
  --wrap: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
}