:root{
  /* Fonts */
  --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: var(--font-sans);

  /* Colors */
  --bg: #06080B;
  --bg-2: #0A0F16;
  --bg-3: #101723;
  --surface: rgba(255,255,255,0.06);
  --surface-2: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.10);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.70);
  --faint: rgba(255,255,255,0.52);
  --warm: #F4C67A;

  /* Accent (Cyan) */
  --accent: #16F2D0;
  --accent-2: #2EC7FF;
  --accent-ink: #04100D;

  /* Radii */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;

  /* Spacing scale */
  --s-1: 6px;
  --s-2: 10px;
  --s-3: 14px;
  --s-4: 18px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 42px;
  --s-8: 56px;
  --s-9: 76px;

  /* Shadows */
  --shadow: 0 18px 50px rgba(0,0,0,0.45);

  /* Container */
  --container: 1120px;
  --reading: 760px;

  /* Typography */
  --h1: clamp(1.72rem, 3.15vw, 3.1rem);
  --h2: clamp(1.9rem, 2.8vw, 3rem);
  --h3: clamp(1.05rem, 1.2vw, 1.25rem);
  --lead: clamp(1.1rem, 1.4vw, 1.3rem);
  --body: 1rem;

  /* Lines */
  --line: 1px solid var(--border);
}