:root {
  --color-bg:           #0e0e12;
  --color-surface:      #19191e;
  --color-border:       #2c2c32;
  --color-brand:        #5c45ff;
  --color-brand-glow:   #9843ff;
  --color-text:         #ffffff;
  --color-text-muted:   #cecece;
  --color-text-subtle:  #9c9c9c;

  --font-sans: "Inter", "Inter V", system-ui, sans-serif;
  --type-h1: 500 77px/81px var(--font-sans);
  --type-h2: 500 60px/65px var(--font-sans);
  --type-h3: 500 37px/48px var(--font-sans);
  --type-h4: 400 20px/26px var(--font-sans);
  --type-h5: 500 18px/34px var(--font-sans);
  --type-h6: 500 16px/21px var(--font-sans);
  --type-body: 400 18px/29px var(--font-sans);

  --space-1: 8px;   --space-2: 16px; --space-3: 24px;
  --space-4: 32px;  --space-5: 48px; --space-6: 64px;
  --space-7: 96px;  --space-8: 128px; --space-9: 160px;

  --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px;
  --radius-pill: 9999px;

  --shadow-glow-inset: inset 0 0 6px 3px rgba(152, 67, 255, 0.25);
  --shadow-glow-outer: 0 0 60px rgba(92, 69, 255, 0.25);
  --blur-card: blur(14px);

  --container-max: 1280px;
  --section-pad-y: clamp(64px, 10vw, 160px);

  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1440px;
}