:root {
  --ch-paper: oklch(0.972 0.006 80);
  --ch-paper-soft: oklch(0.955 0.008 78);
  --ch-surface: oklch(0.992 0.004 85);
  --ch-cream: oklch(0.940 0.022 78);
  --ch-mist: oklch(0.925 0.014 175);
  --ch-forest: oklch(0.300 0.042 165);
  --ch-forest-ink: oklch(0.215 0.040 165);
  --ch-clay: oklch(0.545 0.068 78);
  --ch-clay-ink: oklch(0.415 0.066 78);
  --ch-ink: oklch(0.205 0.010 78);
  --ch-ink-soft: oklch(0.385 0.010 78);
  --ch-ink-muted: oklch(0.525 0.008 80);
  --ch-hairline: oklch(0.880 0.006 78);
  --ch-hairline-2: oklch(0.820 0.006 78);
  --ch-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --ch-sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;
  --ch-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --ch-r-xs: 2px;
  --ch-r-sm: 4px;
  --ch-r-md: 8px;
  --ch-r-pill: 999px;
  --ch-shadow-card: 0 1px 0 oklch(0.88 0.006 78), 0 12px 32px -20px oklch(0.20 0.01 78 / 0.18);
  --ch-shadow-pop: 0 24px 60px -28px oklch(0.20 0.01 78 / 0.28);
  --ch-shadow-focus: 0 0 0 3px oklch(0.545 0.068 78 / 0.22);
  --ch-state-hover-ink: oklch(0.300 0.042 165);
  --ch-state-hover-paper: oklch(0.965 0.010 80);
  --ch-state-muted-hover: oklch(0.480 0.010 78);
  --ch-state-disabled-bg: oklch(0.925 0.006 78);
  --ch-state-disabled-fg: oklch(0.640 0.006 78);
  --ch-state-danger: oklch(0.480 0.090 32);
  --ch-state-success: oklch(0.390 0.055 150);
  --ch-transition-fast: 160ms ease;
  --ch-pad-page: clamp(24px, 4vw, 80px);
  --ch-site-header-height: 82px;
  --ch-mobile-proof-height: 210px;
}

@media (max-width: 1100px) {
  :root {
    --ch-site-header-height: 170px;
  }
}

@media (max-width: 760px) {
  :root {
    --ch-site-header-height: 60px;
  }
}