/* ============================================================
   SWIT — design tokens
   Dark-luxury / 21st.dev-inspired. Single warm coral accent
   pulled from the actual product UIs, layered near-black surfaces.
   ============================================================ */

:root {
  /* ---- Surfaces (warm near-black) ---- */
  --bg:        oklch(13% 0.004 50);
  --bg-2:      oklch(15.5% 0.005 45);
  --bg-3:      oklch(18% 0.006 42);
  --bg-elev:   oklch(20% 0.007 42);

  /* ---- Hairlines ---- */
  --line:      oklch(100% 0 0 / 0.08);
  --line-2:    oklch(100% 0 0 / 0.14);
  --line-3:    oklch(100% 0 0 / 0.22);

  /* ---- Text ---- */
  --text:      oklch(97% 0.005 60);
  --muted:     oklch(73% 0.012 50);
  --faint:     oklch(56% 0.012 45);

  /* ---- Accent (OnlyFans azure — #00AFF0 family) ---- */
  --accent:        oklch(67% 0.145 233);
  --accent-bright: oklch(78% 0.12 224);
  --accent-soft:   oklch(67% 0.145 233 / 0.15);
  --accent-deep:   oklch(52% 0.15 250);
  --accent-ink:    oklch(22% 0.05 245);

  /* ---- Semantic ---- */
  --good:      oklch(72% 0.15 155);

  /* ---- Gradients ---- */
  --grad-accent: linear-gradient(100deg, var(--accent-bright), var(--accent) 52%, var(--accent-deep));
  --grad-text:   linear-gradient(96deg, oklch(98% 0.01 230), var(--accent-bright) 55%, var(--accent));
  --grad-surface: linear-gradient(180deg, oklch(100% 0 0 / 0.05), oklch(100% 0 0 / 0.01));

  /* ---- Typography ---- */
  --font-display: "Space Grotesk", "SF Pro Display", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;

  --text-eyebrow: 0.78rem;
  --text-base:    clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
  --text-lead:    clamp(1.12rem, 1rem + 0.6vw, 1.4rem);
  --text-h3:      clamp(1.35rem, 1.1rem + 1vw, 1.9rem);
  --text-h2:      clamp(2.1rem, 1.4rem + 3vw, 3.9rem);
  --text-hero:    clamp(2.9rem, 1.2rem + 7vw, 6.6rem);
  --text-stat:    clamp(2.4rem, 1.4rem + 4vw, 4.4rem);

  /* ---- Spacing rhythm ---- */
  --space-section: clamp(5rem, 3.5rem + 7vw, 11rem);
  --gutter:        clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --maxw:          1240px;

  /* ---- Radii ---- */
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --dur-fast:   160ms;
  --dur:        320ms;
  --dur-slow:   620ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Shadows / glows ---- */
  --shadow-card: 0 1px 0 oklch(100% 0 0 / 0.05) inset,
                 0 24px 60px -28px oklch(0% 0 0 / 0.8);
  --shadow-float: 0 40px 90px -40px oklch(0% 0 0 / 0.9),
                  0 8px 24px -16px oklch(0% 0 0 / 0.7);
  --glow-accent: 0 0 60px -10px var(--accent-soft);
}