/*
  Brand palette (owner's swatches): gold #eccc6e, brown #a66940, plum #814256,
  olive #716f35, cream #f2e9e1, rose #db9a8f, light olive #a49b43,
  accents coral #ff9c89 and yellow #fdf68e. The owner's "olive" in practice is the
  deep, slightly greener shade below; every green must derive from it.
*/
:root {
  --color-bg: #f5f3ec;
  --color-surface: #fff;
  --color-ink: #1f1e12;
  --color-muted: #545248;
  --color-line: #dfdccf;
  --color-primary: #515c28;
  --color-primary-hover: #434c20;
  --color-primary-text: #434c20;
  --color-on-primary: #fff;
  --color-accent: #ff9c89;
  --color-accent-hover: #ff8a73;
  --color-on-accent: #262b15;
  --color-accent-text: #97462a;
  --color-accent-soft: #f6e1d8;
  --color-tint: #e8ead7;
  --color-dark: #262b15;
  --color-on-dark: #f2e9e1;
  --color-dark-muted: #c9c4a8;
  --color-danger: #a1271b;
  --color-success: #2d6a3e;

  --font-sans: Elza, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --wrap: 1320px;
  --gutter: clamp(16px, 4vw, 32px);
  --section: clamp(72px, 10vw, 120px);
  --header-h: 64px;
}