:root {
  --font-sans: "Stack Sans Notch Variable", Inter, ui-sans-serif, system-ui,
    -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Stack Sans Notch Variable", "Iowan Old Style", Baskerville,
    "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas,
    "Liberation Mono", monospace;

  --brand-primary-rgb: 45, 178, 124;
  --brand-primary: rgb(var(--brand-primary-rgb));
  --brand-hover: #238d62;
  --brand-selected: #238d62;
  --brand-wash: rgba(var(--brand-primary-rgb), 0.18);

  --brand-surface-secondary: rgb(242, 239, 224);
  --surface-page: var(--brand-surface-secondary);
  --surface-secondary: rgb(245, 245, 245);
  --paper: #fef8f7;
  --paper-deep: #ece6db;
  --ink: #171716;
  --ink-rgb: 23, 23, 22;
  --ink-soft: #282724;

  --content-primary: rgb(23, 23, 23);
  --content-secondary: rgba(64, 64, 64, 0.68);
  --content-tertiary: rgba(49, 49, 49, 0.656);
  --content-on-brand: rgb(255, 255, 255);
  --muted: #736f68;

  --border-primary: rgb(212, 212, 212);
  --border-secondary: rgb(229, 229, 229);
  --line: rgba(23, 23, 22, 0.16);
  --line-dark: rgba(255, 253, 248, 0.16);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --radius: 3px;
  --radius-lg: 14px;

  --space-page-x: clamp(24px, 6vw, 96px);
  --space-section-x: clamp(24px, 5vw, 72px);
  --space-section-y: clamp(56px, 8vw, 120px);

  --text-h1: clamp(44px, 5vw, 72px);
  --text-h2: clamp(30px, 3vw, 42px);
  --text-h3: clamp(22px, 2.4vw, 28px);
  --text-body: 17px;
  --text-small: 14px;
  --text-eyebrow: 12px;

  --dot-color: rgba(var(--ink-rgb), 0.075);
  --dot-size: 1.5px;
  --dot-gap: 32px;
}

.dark {
  --surface-page: rgb(23, 23, 23);
  --surface-secondary: rgb(38, 38, 38);
  --content-primary: rgb(250, 250, 250);
  --content-secondary: rgba(255, 253, 248, 0.72);
  --content-tertiary: rgba(255, 253, 248, 0.55);
  --border-primary: rgb(82, 82, 82);
  --border-secondary: rgb(64, 64, 64);
}