:root {
  --color-ink: #10111f;
  --color-ink-soft: #3f4150;
  --color-paper: #f7f7fa;
  --color-paper-warm: #f2efea;
  --color-night: #05060c;
  --color-night-soft: #0d1020;
  --color-night-raised: #111426;
  --color-white: #ffffff;
  --color-violet: #9d2cff;
  --color-magenta: #e23ba7;
  --color-blue: #2c91ff;
  --color-coral: #ff6b6b;
  --color-line-dark: rgb(255 255 255 / 0.14);
  --color-line-light: rgb(16 17 31 / 0.14);
  --gradient-brand: linear-gradient(112deg, #f04a83 2%, #c132e7 42%, #655cff 72%, #2f9aff 100%);
  --gradient-button: linear-gradient(100deg, #ad24ef 0%, #744cff 48%, #258cff 100%);
  --gradient-night: radial-gradient(circle at 70% 52%, rgb(82 33 152 / 0.26), transparent 30%), #070811;
  --shadow-glow: 0 0 48px rgb(153 45 255 / 0.24);
  --shadow-card: 0 18px 45px rgb(20 20 40 / 0.08);

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 750;
  --tracking-tight: -0.045em;

  --space-2xs: 0.35rem;
  --space-xs: 0.65rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  --container: 1120px;
  --container-wide: 1230px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --header-height: 5.25rem;
  --radius-sm: 0.45rem;
  --radius-md: 0.8rem;
  --radius-round: 999px;
  --transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --bp-tablet: 960px;
  --bp-mobile: 640px;
}