:root{
  --bg:#0b0f17;
  --bg2:#111827;
  --panel:#111827;
  --panel2:#0f172a;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --muted2:#6b7280;
  --border:#1f2937;
  --hairline:#1a2232;
  --line:rgba(255,255,255,.08);
  --accent:#7c9cff;
  --accent-strong:#9fb6ff;
  --good:#34d399;
  --bad:#f87171;
  --warn:#fbbf24;

  --radius-lg:22px;
  --radius-md:14px;
  --radius-pill:999px;

  --max:1120px;
  --px:clamp(18px,5vw,64px);
  --py:clamp(36px,4.8vw,64px);

  --nav-height:72px;
  --nav-bg:rgba(11,15,23,.78);
  --nav-border:1px solid var(--hairline);
  --nav-backdrop:blur(10px);

  --shadow-soft:0 10px 24px rgba(0,0,0,.14);
  --shadow-glow:0 10px 18px rgba(0,0,0,.35);
}