:root {
  --color-void: oklch(12% 0.035 228);
  --color-void-2: oklch(16% 0.045 222);
  --color-ink: oklch(94% 0.02 198);
  --color-muted: oklch(74% 0.045 210);
  --color-soft: oklch(59% 0.055 214);
  --color-line: oklch(36% 0.06 214 / 0.72);
  --color-panel: oklch(19% 0.052 222);
  --color-panel-2: oklch(23% 0.06 218);
  --color-card: oklch(96% 0.028 128);
  --color-card-ink: oklch(15% 0.04 224);
  --color-accent: oklch(88% 0.22 127);
  --color-accent-2: oklch(77% 0.145 196);
  --color-hot: oklch(70% 0.2 32);
  --color-focus: oklch(84% 0.18 196);
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --text-xs: clamp(0.72rem, 0.68rem + 0.15vw, 0.8rem);
  --text-sm: clamp(0.86rem, 0.82rem + 0.18vw, 0.96rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
  --text-md: clamp(1.08rem, 1rem + 0.36vw, 1.3rem);
  --text-lg: clamp(1.32rem, 1.14rem + 0.72vw, 1.75rem);
  --text-xl: clamp(1.8rem, 1.42rem + 1.52vw, 2.7rem);
  --text-display: clamp(3.2rem, 8vw, 8.6rem);
  --space-2xs: 0.35rem;
  --space-xs: 0.55rem;
  --space-sm: 0.85rem;
  --space-md: 1.25rem;
  --space-lg: 1.8rem;
  --space-xl: 2.6rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --radius-xs: 0.45rem;
  --radius-sm: 0.7rem;
  --radius-md: 1rem;
  --radius-lg: 1.4rem;
  --rule: 1px;
  --dur-fast: 150ms;
  --dur: 260ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --page-max: 1440px;
  --gutter: clamp(1rem, 3vw, 2.5rem);
}