:root {
  --color-teal-950: #0d3740;
  --color-teal-900: #114852;
  --color-teal-800: #1a616d;
  --color-teal-700: #2d7d89;
  --color-teal-100: #dce9ea;
  --color-ink-950: #142224;
  --color-ink-900: #1b2b2f;
  --color-ink-700: #44585d;
  --color-ink-500: #6a7c81;
  --color-sand-100: #f4efe8;
  --color-paper: #fbf8f3;
  --color-surface: #ffffff;
  --color-surface-muted: #f1f4f2;
  --color-border: #cad6d7;
  --color-border-strong: #8ea7ac;
  --color-accent: #8a6446;
  --color-success: #225e48;
  --color-error: #983d35;
  --color-focus: #f0b84b;

  --font-body: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.25rem, 1.2rem + 0.5vw, 1.5rem);
  --text-xl: clamp(2.35rem, 1.8rem + 2vw, 4.2rem);
  --text-display-sm: clamp(1.6rem, 1.35rem + 1vw, 2.3rem);
  --text-display-md: clamp(2rem, 1.55rem + 1.8vw, 3rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  --border-thin: 1px solid var(--color-border);
  --border-strong: 1px solid var(--color-border-strong);
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.5rem;
  --shadow-soft: 0 18px 40px rgba(20, 34, 36, 0.08);
  --shadow-edge: 0 1px 0 rgba(20, 34, 36, 0.08);

  --container-max: 74rem;
  --container-narrow: 52rem;
  --header-height: 5.5rem;

  --bp-sm: 36rem;
  --bp-md: 48rem;
  --bp-lg: 64rem;
  --bp-xl: 80rem;
}