/* Design tokens from Framer site — change colors/fonts here site-wide */

:root {
  /* Colors */
  --color-bg: #f4f0e8;
  --color-ink: #242823;
  --color-forest: #26352c;
  --color-sand: #ddd2be;
  --color-accent: #9a7350;
  --color-on-dark: #f4f0e8;
  --color-on-dark-muted: #ddd2be;
  --color-line: rgba(38, 53, 44, 0.18);

  /* Fonts */
  --font-serif: "Bodoni Moda", "Playfair Display", "Times New Roman", serif;
  --font-sans: "Source Sans 3", system-ui, sans-serif;

  /* Layout */
  --page-max: 1200px;
  --gutter: 56px;
  --header-h: 58px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.7s;
}

@media (max-width: 809px) {
  :root {
    --gutter: 20px;
    --header-h: 56px;
  }
}