:root {
    --hh-color-canvas: #fffaf6;
    --hh-color-surface: #ffffff;
    --hh-color-ink: #302724;
    --hh-color-muted: #756964;
    --hh-color-accent: #e8b8ad;
    --hh-color-accent-strong: #955d52;
    --hh-color-accent-soft: #f6e3db;
    --hh-color-focus: #7058a3;
    --hh-font-sans: "Space Grotesk", system-ui, sans-serif;
    --hh-radius-card: 1rem;
    --hh-radius-pill: 999px;
    --hh-space-2: .5rem;
    --hh-space-4: 1rem;
    --hh-space-8: 2rem;
    --hh-shadow-card: 0 12px 35px rgb(48 39 36 / 8%);
    --hh-shadow-card-hover: 0 18px 45px rgb(48 39 36 / 14%);
}