/* Harmon Lively tokens. Generated from _DOCS/HARMON_TOKENS.json; edit that file, not this one. */
:root {
  /* Color */
  --hl-navy: #2f5468;
  --hl-navy-deep: #1c323e;
  --hl-rose: #d7a697;
  --hl-rose-light: #e0baae;
  --hl-mauve: #7a5f57;
  --hl-blush: #f8ece8;
  --hl-beige: #f4f0ef;
  --hl-white: #ffffff;
  --hl-charcoal: #2b2c2e;
  --hl-slate: #5c5d61;
  --hl-hairline: #e4dad6;
  --hl-logo-charcoal: #4a494a;
  --hl-logo-taupe: #9b837c;
  --hl-logo-rule: #d5a797;
  --hl-success: #2e6b57;
  --hl-danger: #9e3b2e;
  --hl-focus: var(--hl-navy);

  /* Type families (Adobe Fonts kit kxh2qtj) */
  --hl-font-serif: freight-big-pro, Georgia, "Times New Roman", serif;
  --hl-font-sans: sofia-pro, "Helvetica Neue", Arial, sans-serif;

  /* Type sizes: desktop value, phone value in base.css clamps */
  --hl-size-display: 76px;
  --hl-size-h1: 60px;
  --hl-size-h2: 46px;
  --hl-size-h3: 32px;
  --hl-size-h4: 24px;
  --hl-size-quote: 30px;
  --hl-size-eyebrow: 14px;
  --hl-size-lead: 21px;
  --hl-size-body: 17px;
  --hl-size-small: 14px;
  --hl-size-button: 14px;
  --hl-size-nav: 14px;

  /* Spacing */
  --hl-space-1: 8px;
  --hl-space-2: 16px;
  --hl-space-3: 24px;
  --hl-space-4: 32px;
  --hl-space-6: 48px;
  --hl-space-8: 64px;
  --hl-space-12: 96px;
  --hl-space-16: 128px;

  /* Radius */
  --hl-radius-none: 0px;
  --hl-radius-sm: 2px;
  --hl-radius-pill: 999px;

  /* Layout */
  --hl-container: 1200px;
  --hl-container-narrow: 760px;
  --hl-dash-width: 40px;
  --hl-wave-height: 80px;
}