/* Huxberry brand tokens 2026.2. Generated from tokens/huxberry-tokens.json by site/build.py. Do not hand-edit: edit the JSON and rebuild. */
:root {
  /* Colour */
  --hux-forest-ink: #24312A;
  --hux-deep-green: #365644;
  --hux-sage: #537156;
  --hux-slate-green: #48534D;
  --hux-moss: #5E6F5C;
  --hux-fern: #A7C09B;
  --hux-pale-green: #C9D7CE;
  --hux-pale-sage: #E6EEE5;
  --hux-mist: #EFF4EF;
  --hux-white: #FFFFFF;
  --hux-sand: #F3EFE5;
  --hux-linen: #FBFAF6;
  --hux-hairline: #DCD8CC;
  --hux-control: #7F8B82;
  --hux-honey: #955B18;
  --hux-clay: #877A69;
  --hux-taupe: #585048;

  /* Colour as RGB triplets, for rgb(var(--hux-forest-ink-rgb) / 0.55) scrims */
  --hux-forest-ink-rgb: 36 49 42;
  --hux-deep-green-rgb: 54 86 68;
  --hux-sage-rgb: 83 113 86;
  --hux-slate-green-rgb: 72 83 77;
  --hux-moss-rgb: 94 111 92;
  --hux-fern-rgb: 167 192 155;
  --hux-pale-green-rgb: 201 215 206;
  --hux-pale-sage-rgb: 230 238 229;
  --hux-mist-rgb: 239 244 239;
  --hux-white-rgb: 255 255 255;
  --hux-sand-rgb: 243 239 229;
  --hux-linen-rgb: 251 250 246;
  --hux-hairline-rgb: 220 216 204;
  --hux-control-rgb: 127 139 130;
  --hux-honey-rgb: 149 91 24;
  --hux-clay-rgb: 135 122 105;
  --hux-taupe-rgb: 88 80 72;

  /* Roles: what each colour is for */
  --hux-text: var(--hux-forest-ink);
  --hux-body: var(--hux-slate-green);
  --hux-link: var(--hux-deep-green);
  --hux-button: var(--hux-sage);
  --hux-button-hover: var(--hux-deep-green);
  --hux-eyebrow: var(--hux-sage);
  --hux-border: var(--hux-hairline);
  --hux-input-border: var(--hux-control);
  --hux-band: var(--hux-white);
  --hux-band-alt: var(--hux-sand);
  --hux-ground-soft: var(--hux-pale-sage);
  --hux-paper: var(--hux-linen);
  --hux-stars: var(--hux-honey);
  --hux-on-dark: var(--hux-white);

  /* Type */
  --hux-font: 'Satoshi', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --hux-weight-regular: 400;
  --hux-weight-medium: 500;
  --hux-weight-bold: 700;

  --hux-text-hero: clamp(40px, calc(40px + (16) * ((100vw - 390px) / 1050)), 56px);
  --hux-leading-hero: 1.08;
  --hux-tracking-hero: -0.025em;
  --hux-text-page-title: 40px;
  --hux-leading-page-title: 1.1;
  --hux-tracking-page-title: -0.025em;
  --hux-text-section-heading: clamp(28px, calc(28px + (12) * ((100vw - 390px) / 1050)), 40px);
  --hux-leading-section-heading: 1.15;
  --hux-tracking-section-heading: -0.02em;
  --hux-text-card-heading: clamp(18px, calc(18px + (6) * ((100vw - 390px) / 1050)), 24px);
  --hux-leading-card-heading: 1.3;
  --hux-tracking-card-heading: -0.01em;
  --hux-text-intro: clamp(17px, calc(17px + (1) * ((100vw - 390px) / 1050)), 18px);
  --hux-leading-intro: 1.6;
  --hux-tracking-intro: 0;
  --hux-text-body: 16px;
  --hux-leading-body: 1.6;
  --hux-tracking-body: 0;
  --hux-text-small: 14px;
  --hux-leading-small: 1.5;
  --hux-tracking-small: 0;
  --hux-text-menu: 15px;
  --hux-leading-menu: 1.3;
  --hux-tracking-menu: 0;
  --hux-text-button: clamp(15px, calc(15px + (1) * ((100vw - 390px) / 1050)), 16px);
  --hux-leading-button: 1;
  --hux-tracking-button: 0;
  --hux-text-eyebrow: 14px;
  --hux-leading-eyebrow: 1.6;
  --hux-tracking-eyebrow: 0.08em;
  --hux-text-badge: 14px;
  --hux-leading-badge: 1;
  --hux-tracking-badge: 0;
  --hux-text-price: clamp(16px, calc(16px + (6) * ((100vw - 390px) / 1050)), 22px);
  --hux-leading-price: 1.2;
  --hux-tracking-price: 0;

  /* Layout */
  --hux-column: 1320pxx;
  --hux-gutter: 40px;
  --hux-gutter-phone: 20px;
  --hux-section: 80px;
  --hux-section-phone: 56px;
  --hux-unit: 8px;

  /* Shape */
  --hux-radius-panel: 16px;
  --hux-radius-input: 12px;
  --hux-radius-pill: 999px;
  --hux-shadow-card: 0 1px 2px rgba(36,49,42,.04), 0 8px 24px rgba(36,49,42,.06);

  /* Motion */
  --hux-duration: 250ms;
  --hux-easing: ease-out;
}