:root {
  --bg: oklch(13% 0.022 244);
  --bg-raised: oklch(18% 0.026 244);
  --surface: oklch(24% 0.025 244 / 0.58);
  --surface-strong: oklch(29% 0.026 244 / 0.72);
  --surface-hover: oklch(34% 0.028 244 / 0.72);
  --line: oklch(91% 0.018 235 / 0.15);
  --line-strong: oklch(94% 0.014 235 / 0.28);
  --text: oklch(95% 0.012 82);
  --text-soft: oklch(80% 0.018 83);
  --text-muted: oklch(66% 0.02 248);
  --accent: oklch(79% 0.105 72);
  --accent-soft: oklch(88% 0.055 76);
  --focus: oklch(80% 0.09 235);
  --success: oklch(76% 0.12 151);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-pill: 999px;
  --page: 1120px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}