/* Hallmark · approved source: Claude Design handoff · tone: calm editorial · anchor hue: warm red */
:root {
  --color-paper: #faf8f4;
  --color-paper-2: #f3efe7;
  --color-sand: #f1ece2;
  --color-white: #ffffff;
  --color-ink: #16140f;
  --color-ink-2: #24211c;
  --color-text-3: #3d3a33;
  --color-text-4: #4f4b43;
  --color-muted: #6b665c;
  --color-muted-2: #8a847a;
  --color-rule: #e4dfd5;
  --color-rule-2: #d9d3c7;
  --color-rule-dashed: #ddd6c9;
  --color-accent: #c8401a;
  --color-accent-ink: #ffffff;
  --color-accent-hover: #a93512;
  --color-accent-on-dark: #ff8a62;
  --color-accent-on-photo: #ffb79c;
  --color-dark-2: #2a2722;
  --color-dark-rule: #34312b;
  --color-footer-text: #bdb7ac;
  --color-topbar-text: #e9e5dc;
  --color-positive: #8fd18a;
  --color-nav-translucent: rgb(250 248 244 / 94%);
  --color-overlay-top: rgb(16 14 10 / 78%);
  --color-overlay-bottom: rgb(16 14 10 / 86%);
  --color-overlay-hero: rgb(16 14 10 / 85%);
  --color-mask-opaque: #000000;

  --font-display: "Source Serif 4", Georgia, serif;
  --font-body: "Hanken Grotesk", Arial, sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --font-icons: "Material Symbols Outlined";

  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 20px;
  --space-10: 22px;
  --space-11: 24px;
  --space-12: 28px;
  --space-13: 32px;
  --space-14: 36px;
  --space-15: 40px;
  --space-16: 44px;
  --space-17: 48px;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 19px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 32px;
  --text-display: clamp(40px, 5vw, 68px);

  --radius-pill: 999px;
  --radius-round: 50%;
  --rule-thin: 1px;
  --rule-strong: 2px;
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --container: 1320px;
}