:root {
  --color-bg: #0b0b10;
  --color-bg-alt: #12121a;
  --color-surface: #181822;
  --color-surface-2: #1e1e29;

  --color-text: #f5f5f7;
  --color-text-soft: #cfcfd6;
  --color-text-muted: #9b9baa;

  --color-primary: #ff3fa4;
  --color-primary-hover: #ff5ab2;
  --color-primary-soft: #ff8cc8;

  --color-border: rgba(255, 255, 255, 0.08);

  --shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.24);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.36);

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 72px;
  --space-8: 96px;

  --container: 1280px;

  --font-base: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;
  --fs-600: 1.25rem;
  --fs-700: 1.5rem;
  --fs-800: 2rem;
  --fs-900: clamp(2.2rem, 4vw, 3.75rem);

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