:root {
  color-scheme: light;
  --b17-page: #f3f0e8;
  --b17-elevated: #fffdf8;
  --b17-card: #faf8f2;
  --b17-ink: #172b32;
  --b17-text: #30464d;
  --b17-text-secondary: #596b70;
  --b17-text-muted: #7b878a;
  --b17-border: #d7d1c5;
  --b17-border-strong: #b9b1a2;
  --b17-positive: #176b59;
  --b17-negative: #b84f3b;
  --b17-warning: #966b12;
  --b17-information: #376b7d;
  --b17-product-accent: #b78332;
  --b17-accent-soft: color-mix(in srgb, var(--b17-product-accent) 13%, transparent);
  --b17-font-sans: "Avenir Next", "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --b17-font-display: "Iowan Old Style", "Songti SC", "STSong", Georgia, serif;
  --b17-content-max: 1200px;
  --b17-radius-sm: 6px;
  --b17-radius-md: 12px;
  --b17-radius-lg: 18px;
  --b17-shadow-card: 0 16px 50px rgba(23, 43, 50, 0.07);
  --b17-space-1: 4px;
  --b17-space-2: 8px;
  --b17-space-3: 12px;
  --b17-space-4: 16px;
  --b17-space-5: 24px;
  --b17-space-6: 32px;
  --b17-space-7: 48px;
  --b17-space-8: 64px;
  --b17-text-xs: 12px;
  --b17-text-sm: 14px;
  --b17-text-md: 16px;
  --b17-text-lg: 20px;
  --b17-text-xl: clamp(30px, 4vw, 48px);
  --b17-text-display: clamp(48px, 7vw, 84px);
  --b17-transition: 160ms ease;
  --b17-focus: 0 0 0 3px color-mix(in srgb, var(--b17-product-accent) 34%, transparent);
}