:root {
  /* Palette: parchment, ink and oxidised copper. */
  --color-bg: #f3efe6;
  --color-bg-soft: #f8f5ef;
  --color-surface: #ebe5da;
  --color-surface-dark: #183235;
  --color-text: #172a2c;
  --color-text-muted: #657170;
  --color-primary: #bd5b39;
  --color-primary-hover: #9d452b;
  --color-primary-contrast: #fffaf2;
  --color-accent: #bd5b39;
  --color-sage: #809186;
  --color-gold: #c8a36a;
  --color-border: #d8cdbd;
  --color-border-dark: #355052;
  --color-white: #fffdf8;

  --font-heading: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Manrope", "Avenir Next", Arial, sans-serif;
  --font-mono: "DM Mono", "SFMono-Regular", Consolas, monospace;

  --fs-100: 0.6875rem;
  --fs-200: 0.75rem;
  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.25rem;
  --fs-600: 1.75rem;
  --fs-700: clamp(2.4rem, 4.1vw, 4.1rem);
  --fs-800: clamp(3.5rem, 6.3vw, 6.2rem);

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --lh-tight: 0.96;
  --lh-snug: 1.16;
  --lh-normal: 1.65;
  --lh-loose: 1.85;

  --space-050: 0.25rem;
  --space-100: 0.5rem;
  --space-150: 0.625rem;
  --space-200: 0.75rem;
  --space-300: 1rem;
  --space-400: 1.5rem;
  --space-500: 2rem;
  --space-600: 3rem;
  --space-700: 4rem;
  --space-800: 6rem;
  --space-900: 8rem;
  --space-1000: 10rem;

  --container-max: 90rem;
  --container-copy: 78rem;
  --container-padding: clamp(1.25rem, 4vw, 4rem);
  --header-height: 5.75rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-full: 999rem;

  --shadow-sm: 0 0.25rem 1rem rgba(23, 42, 44, 0.06);
  --shadow-md: 0 1rem 3rem rgba(23, 42, 44, 0.1);
  --shadow-lg: 0 2rem 5rem rgba(23, 42, 44, 0.14);

  --transition-fast: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-base: 420ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 900ms cubic-bezier(0.16, 1, 0.3, 1);

  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
}