:root{--suay-color-black: #000000;--suay-color-white: #FFFFFF;--suay-color-charcoal: #222121;--suay-color-slate: #4B4F54;--suay-color-body: #5E5C5C;--suay-color-smoke: #D9E1E2;--suay-color-off-white: #F4F4F4;--suay-color-gold: #BC955C;--suay-color-flint: #7188A8;--suay-color-forest: #5A9680;--suay-color-coral: #E56C73;--suay-font-body: "Haffer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--suay-font-heading: "Haffer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--suay-font-mono: "Haffer Mono", "SF Mono", "Fira Code", monospace;--suay-text-hero: clamp(48px, 10vw, 72px);--suay-text-xl: 40px;--suay-text-lg: 32px;--suay-text-md: 24px;--suay-text-sm: 18px;--suay-text-body: 16px;--suay-text-body-sm: 14px;--suay-text-caption: 12px;--suay-text-badge: 10px;--suay-text-eyebrow: 11px;--suay-text-nav: 13px;--suay-text-btn: 13px;--suay-space-1: 4px;--suay-space-2: 8px;--suay-space-3: 12px;--suay-space-4: 16px;--suay-space-5: 20px;--suay-space-6: 24px;--suay-space-8: 32px;--suay-space-10: 40px;--suay-space-12: 48px;--suay-space-16: 64px;--suay-space-24: 96px;--suay-radius-none: 0;--suay-radius-sm: 4px;--suay-radius-md: 8px;--suay-radius-lg: 12px;--suay-radius-full: 9999px;--suay-duration-micro: .1s;--suay-duration-fast: .15s;--suay-duration-medium: .3s;--suay-duration-slow: .5s;--suay-duration-hero: .8s;--suay-ease-default: cubic-bezier(.4, 0, .2, 1);--suay-ease-out: cubic-bezier(.25, 0, 0, 1);--suay-ease-in: cubic-bezier(.42, 0, 1, 1);--suay-ease-spring: cubic-bezier(.16, 1, .3, 1);--suay-transition-fast: var(--suay-duration-fast) var(--suay-ease-default);--suay-transition-medium: var(--suay-duration-medium) var(--suay-ease-default);--suay-transition-slow: var(--suay-duration-slow) var(--suay-ease-out);--suay-header-height-desktop: 72px;--suay-header-height-tablet: 64px;--suay-header-height-mobile: 56px;--suay-btn-radius: 4px;--suay-btn-font-size: 13px;--suay-btn-letter-spacing: .13em;--suay-btn-padding: 18px 30px}:root{--color-foreground: 94, 92, 92;--color-background: 255, 255, 255;--color-foreground-secondary: 94, 92, 92;--color-button: 34, 33, 33;--color-button-text: 255, 255, 255;--color-card: 244, 244, 244;--color-card-text: 34, 33, 33;--color-badge-foreground: 255, 255, 255;--color-badge-background: 34, 33, 33;--color-border: 217, 225, 226;--font-body-family: "Haffer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body-style: normal;--font-body-weight: 400;--font-heading-family: "Haffer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading-style: normal;--font-heading-weight: 500}
/*# sourceMappingURL=/cdn/shop/t/44/assets/suay-design-tokens.css.map */