/* AUTO-GENERATED from frontend/design-tokens/tokens.json. Do not edit directly. */
:root {
  --nta-color-ink: #273b42;
  --nta-color-slate: #465d71;
  --nta-color-slate-dark: #273b42;
  --nta-color-blue: #b2c4d3;
  --nta-color-pale: #eff3f3;
  --nta-color-cream: #fbfaf7;
  --nta-color-white: #ffffff;
  --nta-color-muted: #778187;
  --nta-color-jade: #357967;
  --nta-color-line: #e7e8e5;
  --nta-font-family-heading: 'Noto Serif', Georgia, 'Times New Roman', serif;
  --nta-font-family-body: 'Be Vietnam Pro', 'Segoe UI', Arial, sans-serif;
  --nta-font-size-heading-h1: 40px;
  --nta-font-size-heading-h1-mobile: 40px;
  --nta-font-size-heading-h2: 40px;
  --nta-font-size-heading-h2-mobile: 40px;
  --nta-font-size-heading-h3: 20px;
  --nta-font-size-heading-h3-mobile: 20px;
  --nta-font-size-heading-h4: 16px;
  --nta-font-size-body: 16px;
  --nta-font-size-body-mobile: 16px;
  --nta-font-size-body-secondary: 16px;
  --nta-font-size-body-secondary-mobile: 16px;
  --nta-font-size-caption: 12px;
  --nta-font-size-label: 12px;
  --nta-font-size-action: 14px;
  --nta-font-size-product: 16px;
  --nta-font-size-product-mobile: 16px;
  --nta-font-size-product-compact: 16px;
  --nta-font-line-height-body: 1.75;
  --nta-font-line-height-heading: 1.25;
  --nta-layout-content-max: 1280px;
  --nta-layout-gutter: clamp(20px, 3vw, 36px);
  --nta-layout-gutter-mobile: 20px;
  --nta-layout-gutter-compact: 16px;
  --nta-layout-product-ratio: 1 / 1;
  --nta-spacing-section: 88px;
  --nta-spacing-section-small: 56px;
  --nta-spacing-section-mobile: 56px;
  --nta-spacing-section-small-mobile: 40px;
  --nta-motion-ease: cubic-bezier(.2, .75, .25, 1);
}