/* GENERATED by design/web/tokens.build.mjs from design/tokens.json — do not edit.
   House Pour 1.0.0 web token supplement. Every value here is a token. */
:root {
  /* colour */
  --hp-color-bg: #f7f5ef;
  --hp-color-bg2: #f1eee6;
  --hp-color-panel: #fffefa;
  --hp-color-ink: #262319;
  --hp-color-muted: #71695a;
  --hp-color-faint: #a79f8d;
  --hp-color-line: rgba(38, 35, 25, 0.11);
  --hp-color-line2: rgba(38, 35, 25, 0.2);
  --hp-color-accent: #a4813b;
  --hp-color-accent2: #c9a961;
  --hp-color-accent-soft: rgba(164, 129, 59, 0.14);
  --hp-color-good: #3c7a52;
  --hp-color-bad: #a03d38;
  --hp-color-violet: #8f6fc7;
  --hp-color-scrim: rgba(38, 35, 25, 0.4);
  --hp-color-primary-gradient-start: #b3903f;
  --hp-color-primary-gradient-end: #97742f;
  --hp-color-primary-text: #fffdf6;
  --hp-color-charcoal-gradient-start: #35311f;
  --hp-color-charcoal-gradient-end: #23211a;
  --hp-color-charcoal-text: #f6f2e8;
  --hp-color-input-bg: #fffef9;
  --hp-color-toast-bg: #26231a;
  --hp-color-toast-text: #f6f2e8;
  --hp-color-toast-line: rgba(255, 253, 246, 0.12);
  --hp-color-topbar-bg: rgba(250, 248, 243, 0.85);
  --hp-color-backdrop-top: #faf8f3;
  --hp-color-backdrop-mid: #f5f2ea;
  --hp-color-backdrop-bottom: #f2eee4;
  --hp-color-wash-gold: rgba(201, 169, 97, 0.10);
  --hp-color-wash-violet: rgba(143, 111, 199, 0.05);
  /* radius */
  --hp-radius-card: 16px;
  --hp-radius-input: 12px;
  --hp-radius-media: 12px;
  --hp-radius-pill: 999px;
  /* border */
  --hp-border-width: 1px;
  /* shadow */
  --hp-shadow-contact: 0px 1px 2px 0px rgba(38, 35, 25, 0.04);
  --hp-shadow-cast: 0px 14px 34px -18px rgba(38, 35, 25, 0.18);
  --hp-shadow-primary-button: 0px 10px 22px -12px rgba(164, 129, 59, 0.65);
  --hp-shadow-charcoal-button: 0px 10px 22px -14px rgba(38, 35, 25, 0.55);
  --hp-shadow-toast: 0px 16px 36px -12px rgba(38, 35, 25, 0.5);
  --hp-shadow-cast-modal: 0px 14px 34px -18px rgba(38, 35, 25, 0.27);
  /* space (4px rhythm) */
  --hp-space-column-max: 540px;
  --hp-space-column-side: 14px;
  --hp-space-card-pad: 20px;
  --hp-space-card-gap: 16px;
  --hp-space-row-pad: 14px;
  --hp-space-topbar-y: 14px;
  --hp-space-topbar-x: 22px;
  --hp-space-topbar-bottom: 18px;
  --hp-space-button-y: 14px;
  --hp-space-button-x: 20px;
  --hp-space-button-sm-y: 9px;
  --hp-space-button-sm-x: 16px;
  --hp-space-input-y: 13px;
  --hp-space-input-x: 15px;
  --hp-space-input-bottom: 12px;
  --hp-space-label-bottom: 6px;
  --hp-space-pill-y: 4px;
  --hp-space-pill-x: 10px;
  --hp-space-tabs-pad: 4px;
  --hp-space-tabs-gap: 4px;
  --hp-space-tab-y: 10px;
  --hp-space-tab-x: 8px;
  --hp-space-tabs-bottom: 16px;
  --hp-space-btn-row-gap: 10px;
  --hp-space-row-gap: 10px;
  --hp-space-touch-min: 40px;
  --hp-space-avatar-row: 36px;
  --hp-space-avatar-profile: 72px;
  --hp-space-bottom-safe: 96px;
  /* faces */
  --hp-font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --hp-font-brand: 'Kaushan Script', cursive;
  --hp-font-mono: 'Inconsolata', 'IBM Plex Mono', monospace;
  --hp-font-body: 'Avenir Next', Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* type ramp: size (rem) / line-height / weight / tracking per role */
  --hp-type-wordmark-size: 3rem;
  --hp-type-wordmark-weight: 400;
  --hp-type-wordmark-line: 1.05;
  --hp-type-wordmark-tracking: 0em;
  --hp-type-wordmark-face: var(--hp-font-brand);
  --hp-type-brand-size: 1.7rem;
  --hp-type-brand-weight: 400;
  --hp-type-brand-line: 1;
  --hp-type-brand-tracking: 0em;
  --hp-type-brand-face: var(--hp-font-brand);
  --hp-type-h1-size: 2.1rem;
  --hp-type-h1-weight: 600;
  --hp-type-h1-line: 1.12;
  --hp-type-h1-tracking: 0.01em;
  --hp-type-h1-face: var(--hp-font-display);
  --hp-type-h2-size: 1.6rem;
  --hp-type-h2-weight: 600;
  --hp-type-h2-line: 1.12;
  --hp-type-h2-tracking: 0.01em;
  --hp-type-h2-face: var(--hp-font-display);
  --hp-type-figure-size: 3.6rem;
  --hp-type-figure-weight: 600;
  --hp-type-figure-line: 1;
  --hp-type-figure-tracking: 0.01em;
  --hp-type-figure-face: var(--hp-font-display);
  --hp-type-totals-size: 1.25rem;
  --hp-type-totals-weight: 600;
  --hp-type-totals-line: 1.2;
  --hp-type-totals-tracking: 0em;
  --hp-type-totals-face: var(--hp-font-display);
  --hp-type-totals-amount-size: 1.35rem;
  --hp-type-totals-amount-weight: 600;
  --hp-type-totals-amount-line: 1.2;
  --hp-type-totals-amount-tracking: 0em;
  --hp-type-totals-amount-face: var(--hp-font-display);
  --hp-type-section-mark-size: 0.7rem;
  --hp-type-section-mark-weight: 700;
  --hp-type-section-mark-line: 1.2;
  --hp-type-section-mark-tracking: 0.22em;
  --hp-type-section-mark-face: var(--hp-font-body);
  --hp-type-field-label-size: 0.66rem;
  --hp-type-field-label-weight: 700;
  --hp-type-field-label-line: 1.2;
  --hp-type-field-label-tracking: 0.18em;
  --hp-type-field-label-face: var(--hp-font-body);
  --hp-type-button-size: 0.78rem;
  --hp-type-button-weight: 700;
  --hp-type-button-line: 1.2;
  --hp-type-button-tracking: 0.14em;
  --hp-type-button-face: var(--hp-font-body);
  --hp-type-button-sm-size: 0.66rem;
  --hp-type-button-sm-weight: 700;
  --hp-type-button-sm-line: 1.2;
  --hp-type-button-sm-tracking: 0.14em;
  --hp-type-button-sm-face: var(--hp-font-body);
  --hp-type-tab-size: 0.7rem;
  --hp-type-tab-weight: 700;
  --hp-type-tab-line: 1.2;
  --hp-type-tab-tracking: 0.16em;
  --hp-type-tab-face: var(--hp-font-body);
  --hp-type-pill-size: 0.62rem;
  --hp-type-pill-weight: 700;
  --hp-type-pill-line: 1.2;
  --hp-type-pill-tracking: 0.14em;
  --hp-type-pill-face: var(--hp-font-body);
  --hp-type-body-size: 1rem;
  --hp-type-body-weight: 400;
  --hp-type-body-line: 1.5;
  --hp-type-body-tracking: 0em;
  --hp-type-body-face: var(--hp-font-body);
  --hp-type-body-strong-size: 1rem;
  --hp-type-body-strong-weight: 600;
  --hp-type-body-strong-line: 1.5;
  --hp-type-body-strong-tracking: 0em;
  --hp-type-body-strong-face: var(--hp-font-body);
  --hp-type-small-size: 0.85rem;
  --hp-type-small-weight: 400;
  --hp-type-small-line: 1.5;
  --hp-type-small-tracking: 0em;
  --hp-type-small-face: var(--hp-font-body);
  --hp-type-toast-size: 0.85rem;
  --hp-type-toast-weight: 600;
  --hp-type-toast-line: 1.3;
  --hp-type-toast-tracking: 0em;
  --hp-type-toast-face: var(--hp-font-body);
  --hp-type-input-size: 1rem;
  --hp-type-input-weight: 400;
  --hp-type-input-line: 1.3;
  --hp-type-input-tracking: 0em;
  --hp-type-input-face: var(--hp-font-body);
  --hp-type-mono-size: 0.9rem;
  --hp-type-mono-weight: 400;
  --hp-type-mono-line: 1.5;
  --hp-type-mono-tracking: 0em;
  --hp-type-mono-face: var(--hp-font-mono);
  --hp-type-mono-small-size: 0.8rem;
  --hp-type-mono-small-weight: 400;
  --hp-type-mono-small-line: 1.5;
  --hp-type-mono-small-tracking: 0em;
  --hp-type-mono-small-face: var(--hp-font-mono);
  /* motion */
  --hp-motion-color-ms: 150ms;
  --hp-motion-press-ms: 50ms;
  --hp-motion-toast-ms: 200ms;
  --hp-motion-press-translate-y: 1px;
}