:root {
  --color-page: #fbf8f2;
  --color-paper: #fffdf9;
  --color-paper-muted: #f3ede2;
  --color-sand: #e8dccb;
  --color-sand-soft: #f3e6d1;
  --color-terracotta: #cf452a;
  --color-terracotta-dark: #ab351f;
  --color-terracotta-soft: #fff0eb;
  --color-sage: #174b3e;
  --color-sage-dark: #0b342d;
  --color-sage-soft: #dfe9e2;
  --color-charcoal: #0d2e29;
  --color-body: #344a44;
  --color-muted: #5f6d69;
  --color-line: #ded8cd;
  --color-line-strong: #c8bdae;
  --color-white: #ffffff;

  --font-serif: "Iowan Old Style", Baskerville, "Times New Roman", Georgia, serif;
  --font-sans: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;

  --shadow-sm: 0 8px 24px rgba(25, 40, 34, 0.07);
  --shadow-md: 0 16px 42px rgba(25, 40, 34, 0.11);
  --shadow-card: 0 20px 60px rgba(25, 40, 34, 0.11);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --content-max: 1240px;
  --header-height: 76px;
  --ease: 180ms ease;
}