:root {
  --color-paper: oklch(16.7% .015 279);
  --color-panel: oklch(21% .015 275);
  --color-elevated: oklch(25% .018 275);
  --color-ink: oklch(92.8% .006 265);
  --color-muted: oklch(76% .015 270);
  --color-rule: oklch(36% .021 273);
  --color-accent: oklch(90.54% .155 194.8);
  --color-accent-ink: oklch(16.7% .015 279);
  --color-pink: oklch(64.5% .26 3);
  --color-pink-soft: oklch(80% .12 3);
  --color-orange: oklch(77.2% .174 64);
  --color-light: oklch(97% .009 81);
  --color-light-ink: oklch(23% .012 276);
  --color-light-muted: oklch(43% .016 276);
  --color-light-rule: oklch(80% .012 276);
  --color-overlay: oklch(16.7% .015 279 / .88);
  --color-clear: oklch(16.7% .015 279 / 0);
  --color-shadow: oklch(10% .01 279 / .3);
  --color-focus: oklch(96% .014 85);
  --color-error: oklch(79% .13 22);
  --color-success: oklch(84% .13 154);
  --font-display: 'Barlow Condensed', 'Noto Sans SC', sans-serif;
  --font-body: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 80px;
  --text-small: .875rem;
  --text-body: 1rem;
  --text-large: 1.125rem;
  --text-h2: clamp(1.6rem, 3vw, 2.5rem);
  --text-display: clamp(2.35rem, 4.8vw, 4.65rem);
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-width: 1px;
  --dur-fast: 160ms;
  --dur-normal: 300ms;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in: cubic-bezier(.5,0,1,1);
  --ease-in-out: cubic-bezier(.4,0,.2,1);
  --banner-height: 112px;
}