/**
 * Generated from DTCG tokens. Do not edit by hand.
 * Source: tokens/primitive|semantic|component.tokens.json
 * Rebuild: python3 tokens/build.py
 */

:root {
  --kk-border-hairline: 1px solid #dddddd;
  --kk-button-bg: #ffffff;
  --kk-button-fg: #1c1c1c;
  --kk-button-hover-bg: #1c1c1c;
  --kk-button-hover-fg: #f2f0eb;
  --kk-button-radius: 999px;
  --kk-button-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
  --kk-color-accent-green: #42b676;
  --kk-color-accent-orange: #ff5b23;
  --kk-color-accent-pink: #fbbec5;
  --kk-color-accent-purple: #dcb8ff;
  --kk-color-accent-sky: #aec1e4;
  --kk-color-accent-yellow: #ffc229;
  --kk-color-action-hover-bg: #1c1c1c;
  --kk-color-action-hover-fg: #f2f0eb;
  --kk-color-action-on-dark-bg: #ffffff;
  --kk-color-action-on-dark-fg: #1c1c1c;
  --kk-color-action-overlay: #1f2333;
  --kk-color-action-primary-bg: #ffffff;
  --kk-color-action-primary-fg: #1c1c1c;
  --kk-color-bg-card: #ffffff;
  --kk-color-bg-footer: #aec1e4;
  --kk-color-bg-header: #f2f0eb;
  --kk-color-bg-inverse: #ffffff;
  --kk-color-bg-newsletter: #1c1c1c;
  --kk-color-bg-page: #f2f0eb;
  --kk-color-bg-shell: #464645;
  --kk-color-border-strong: #1c1c1c;
  --kk-color-border-subtle: #dddddd;
  --kk-color-card: #ffffff;
  --kk-color-cream: #f2f0eb;
  --kk-color-green: #42b676;
  --kk-color-hairline: #dddddd;
  --kk-color-ink: #1c1c1c;
  --kk-color-ink-soft: #3c3c3b;
  --kk-color-muted: #676767;
  --kk-color-navy: #1f2333;
  --kk-color-orange: #ff5b23;
  --kk-color-pink: #fbbec5;
  --kk-color-placeholder: #9a9a9a;
  --kk-color-purple: #dcb8ff;
  --kk-color-shell: #464645;
  --kk-color-sky: #aec1e4;
  --kk-color-text-muted: #676767;
  --kk-color-text-on-dark: #ffffff;
  --kk-color-text-placeholder: #9a9a9a;
  --kk-color-text-primary: #1c1c1c;
  --kk-color-text-sale: #42b676;
  --kk-color-white: #ffffff;
  --kk-color-yellow: #ffc229;
  --kk-duration-fade: 300ms;
  --kk-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --kk-font-family-body: "Host Grotesk", sans-serif;
  --kk-font-family-display: "Hepta Slab", serif;
  --kk-font-size-hero: 3.375rem;
  --kk-font-size-large: 1.125rem;
  --kk-font-size-medium: 1rem;
  --kk-font-size-section-quote: 2.125rem;
  --kk-font-size-small: 0.875rem;
  --kk-font-size-x-large: 1.5rem;
  --kk-font-size-xx-large: 2rem;
  --kk-font-size-xxx-large: 2.75rem;
  --kk-font-weight-bold: 700;
  --kk-font-weight-medium: 500;
  --kk-font-weight-regular: 400;
  --kk-footer-bg: #aec1e4;
  --kk-footer-fg: #1c1c1c;
  --kk-header-bg: #f2f0eb;
  --kk-header-border: #dddddd;
  --kk-header-fg: #1c1c1c;
  --kk-header-height: 108px;
  --kk-header-muted: #676767;
  --kk-layout-content-max: 1066px;
  --kk-layout-header-height: 108px;
  --kk-line-height-body: 1.5;
  --kk-line-height-nav: 1.3;
  --kk-line-height-relaxed: 1.6;
  --kk-line-height-snug: 1.2;
  --kk-line-height-tight: 1.15;
  --kk-motion-fade: 300ms cubic-bezier(0.42, 0, 0.58, 1) 0ms;
  --kk-newsletter-bg: #1c1c1c;
  --kk-newsletter-button-bg: #ffffff;
  --kk-newsletter-button-fg: #1c1c1c;
  --kk-newsletter-fg: #ffffff;
  --kk-newsletter-field: #464645;
  --kk-product-atc-overlay: #1f2333;
  --kk-product-price: #1c1c1c;
  --kk-product-sale: #42b676;
  --kk-product-subtitle: #676767;
  --kk-product-title: #1c1c1c;
  --kk-radius-lg: 12px;
  --kk-radius-md: 8px;
  --kk-radius-pill: 999px;
  --kk-radius-sm: 4px;
  --kk-shape-pill: 999px;
  --kk-size-content-max: 1066px;
  --kk-size-header-height: 108px;
  --kk-spacing-10: 0.25rem;
  --kk-spacing-20: 0.5rem;
  --kk-spacing-30: 0.75rem;
  --kk-spacing-40: 1rem;
  --kk-spacing-50: 1.5rem;
  --kk-spacing-60: 2rem;
  --kk-spacing-70: 3rem;
  --kk-spacing-80: 4rem;
  --kk-stroke-solid: solid;
  --kk-typography-body-font-family: "Host Grotesk", sans-serif;
  --kk-typography-body-font-size: 1rem;
  --kk-typography-body-font-weight: 400;
  --kk-typography-body-line-height: 1.5;
  --kk-typography-display-font-family: "Hepta Slab", serif;
  --kk-typography-display-font-size: 3.375rem;
  --kk-typography-display-font-weight: 500;
  --kk-typography-display-line-height: 1.15;
  --kk-typography-footer-link-font-family: "Host Grotesk", sans-serif;
  --kk-typography-footer-link-font-size: 1rem;
  --kk-typography-footer-link-font-weight: 400;
  --kk-typography-footer-link-line-height: 1.6;
  --kk-typography-footer-title-font-family: "Host Grotesk", sans-serif;
  --kk-typography-footer-title-font-size: 1.125rem;
  --kk-typography-footer-title-font-weight: 700;
  --kk-typography-footer-title-line-height: 1.3;
  --kk-typography-nav-font-family: "Host Grotesk", sans-serif;
  --kk-typography-nav-font-size: 1rem;
  --kk-typography-nav-font-weight: 400;
  --kk-typography-nav-line-height: 1.3;
  --kk-typography-newsletter-title-font-family: "Hepta Slab", serif;
  --kk-typography-newsletter-title-font-size: 2rem;
  --kk-typography-newsletter-title-font-weight: 500;
  --kk-typography-newsletter-title-line-height: 1.2;
  --kk-typography-page-title-font-family: "Hepta Slab", serif;
  --kk-typography-page-title-font-size: 2.75rem;
  --kk-typography-page-title-font-weight: 500;
  --kk-typography-page-title-line-height: 1.15;
  --kk-typography-section-quote-font-family: "Hepta Slab", serif;
  --kk-typography-section-quote-font-size: 2.125rem;
  --kk-typography-section-quote-font-weight: 500;
  --kk-typography-section-quote-line-height: 1.2;
  --kk-typography-section-quote-font-style: italic;
}