/* Design tokens. Components only use these variables. */
:root {
  /* Colours */
  --color-moos: #3e4d18;
  --color-moos-deep: #2c3711;
  --color-oliv: #506814;
  --color-salbei: #a7b57c;
  --color-salbei-light: #e7ebda;
  --color-apricot: #d98e5f;
  --color-apricot-light: #f6e3d5;
  --color-apricot-text: #a3552a;
  --color-sand: #f7f3ea;
  --color-line: #dcd6c6;
  --color-ink: #232a15;
  --color-text: #2f3524;
  --color-muted: #5c6152;
  --color-surface: #fff;
  --color-on-dark: #fff;
  --color-on-dark-muted: #dfe4cf;
  --color-error: #a12a1c;
  --color-error-bg: #fbeae7;
  --color-success-bg: #e7ebda;
  --color-focus: #a3552a;

  /* Type */
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --text-xs: 0.8rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --text-2xl: clamp(1.875rem, 1.5rem + 1.8vw, 2.875rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 3.2vw, 3.75rem);

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --section-padding: clamp(3.5rem, 2.5rem + 5vw, 7rem);
  --container-width: 75rem;
  --container-narrow: 50rem;
  --container-padding: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

  /* Shape */
  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --shadow-sm: 0 10px 40px -18px rgb(35 42 21 / 35%);
  --shadow-md: 0 25px 50px -25px rgb(35 42 21 / 55%);
  --transition: 0.2s ease;
}