:root{--mates-navy: #13233f;--mates-charcoal: #1f2937;--mates-gray: #6b7280;--mates-light: #f3f4f6;--mates-white: #ffffff;--homemates: #ff8a00;--homemates-soft: #fff0e0;--cleanmates: #1da1f2;--cleanmates-soft: #e8f5fe;--petmates: #22c55e;--petmates-soft: #e9f9ee;--tripmates: #ff4d8d;--tripmates-soft: #ffeaf1;--matesfriends: #13233f;--matesfriends-soft: #eef1f5;--homemates-ink: #b45309;--cleanmates-ink: #0b6fae;--petmates-ink: #15803d;--tripmates-ink: #c81e5b;--matesfriends-ink: #13233f;--mates-cta-bg: var(--mates-navy);--mates-cta-text: var(--mates-white);--mates-text: var(--mates-charcoal);--mates-muted: var(--mates-gray);--mates-surface: var(--mates-white);--mates-surface-alt: var(--mates-light);--mates-border: #e5e7eb;--mates-space-1: 4px;--mates-space-2: 8px;--mates-space-3: 12px;--mates-space-4: 16px;--mates-space-5: 24px;--mates-space-6: 32px;--mates-space-7: 48px;--mates-radius-sm: 6px;--mates-radius-md: 10px;--mates-radius-lg: 16px;--mates-radius-xl: 24px;--mates-radius-2xl: 32px;--mates-canvas: #f7f8fa;--mates-body: #475467;--mates-hairline: rgba(19, 35, 63, .08);--mates-shadow-float: 0 18px 54px rgba(19, 35, 63, .09);--mates-shadow-float-hover: 0 22px 58px rgba(19, 35, 63, .13);--mates-shadow-sm: 0 1px 3px rgba(19, 35, 63, .08), 0 1px 2px rgba(19, 35, 63, .04);--mates-shadow-md: 0 8px 20px rgba(19, 35, 63, .1), 0 2px 6px rgba(19, 35, 63, .06);--mates-shadow-lg: 0 16px 40px rgba(19, 35, 63, .14);--mates-transition: .2s cubic-bezier(.2, .7, .3, 1);--mates-font-family: "Poppins", Arial, Helvetica, sans-serif;--mates-touch-target: 44px}[data-mates-brand=homemates]{--mates-brand-color: var(--homemates);--mates-brand-soft: var(--homemates-soft);--mates-brand-ink: var(--homemates-ink)}[data-mates-brand=cleanmates]{--mates-brand-color: var(--cleanmates);--mates-brand-soft: var(--cleanmates-soft);--mates-brand-ink: var(--cleanmates-ink)}[data-mates-brand=petmates]{--mates-brand-color: var(--petmates);--mates-brand-soft: var(--petmates-soft);--mates-brand-ink: var(--petmates-ink)}[data-mates-brand=tripmates]{--mates-brand-color: var(--tripmates);--mates-brand-soft: var(--tripmates-soft);--mates-brand-ink: var(--tripmates-ink)}[data-mates-brand=mates-friends]{--mates-brand-color: var(--matesfriends);--mates-brand-soft: var(--matesfriends-soft);--mates-brand-ink: var(--matesfriends-ink)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mates-tokens.css.map */