/* Hallmark · token layer · friendly B2B catalogue · white / sky / mint / HSI red */
:root {
  --hp-paper: #ffffff;
  --hp-paper-2: #f7f8f8;
  --hp-sky: #eaf6ff;
  --hp-sky-2: #dcedfb;
  --hp-mint: #edf8f2;
  --hp-mint-2: #dcefe5;
  --hp-rule: #dfe5e8;
  --hp-muted: #66727a;
  --hp-ink-2: #31404a;
  --hp-ink: #18232b;
  --hp-red: #ef2028;
  --hp-red-dark: #cf1720;
  --hp-focus: #1269b0;
  --hp-modal-backdrop: rgba(24,35,43,.48);
  --hp-space-3xs: .125rem;
  --hp-space-2xs: .25rem;
  --hp-space-xs: .5rem;
  --hp-space-sm: .75rem;
  --hp-space-md: 1rem;
  --hp-space-lg: 1.5rem;
  --hp-space-xl: 2.25rem;
  --hp-space-2xl: 3.5rem;
  --hp-space-3xl: 5.5rem;
  --hp-gutter: clamp(1rem, 4vw, 4rem);
  --hp-wide: 1440px;
  --hp-content: 820px;
  --hp-font-display: "Nunito Sans", Arial, Helvetica, sans-serif;
  --hp-font-body: "Nunito Sans", Arial, Helvetica, sans-serif;
  --hp-font-brand: "Nunito Sans", Arial, Helvetica, sans-serif;
  --hp-radius-sm: 8px;
  --hp-radius-md: 14px;
  --hp-radius-lg: 22px;
  --hp-radius-pill: 999px;
  --hp-shadow-sm: 0 8px 24px rgba(24,35,43,.07);
  --hp-shadow-md: 0 14px 34px rgba(24,35,43,.09);
  --hp-shadow-lg: 0 20px 48px rgba(24,35,43,.12);
  --hp-ease-out: cubic-bezier(.16,1,.3,1);
  --hp-dur-micro: 140ms;
  --hp-dur-fast: 180ms;
  --hp-dur-short: 220ms;
  --hp-dur-long: 420ms;
  --hp-z-dropdown: 100;
  --hp-z-sticky: 200;
  --hp-z-modal: 400;
}