:root{--ziip-black: #141414;--ziip-ink: #000000;--ziip-stone: #e8e5e1;--ziip-slate: #8a8680;--ziip-paper: #f5f3ee;--ziip-shell: #fbf6f4;--ziip-white: #ffffff;--ziip-navy: #253140;--neutral-00: #ffffff;--neutral-05: #fbf6f4;--neutral-10: #f5f3ee;--neutral-20: #e8e5e1;--neutral-30: #d6d2cc;--neutral-40: #b4afa8;--neutral-50: #8a8680;--neutral-60: #6b6862;--neutral-70: #4a4843;--neutral-80: #2a2927;--neutral-90: #1c1c1b;--neutral-100: #141414;--watermelon: #ee2c55;--watermelon-deep: #9b1536;--citrus: #b8c432;--citrus-deep: #4f7910;--mango: #f37820;--mango-deep: #b84d1f;--ocean: #30a8d0;--ocean-deep: #136d94;--violet: #7b4fe8;--violet-deep: #4b1fa9;--amber: #e0901f;--amber-deep: #a15c00;--function-energy: var(--mango);--function-electrolyte: var(--citrus);--function-electrolyte-alt: var(--ocean);--function-focus: var(--violet);--function-recovery: var(--amber);--blob-watermelon: radial-gradient(circle at 50% 50%, var(--watermelon-deep) 0%, var(--watermelon) 46%, rgba(238, 44, 85, .55) 66%, rgba(238, 44, 85, 0) 82%);--blob-citrus: radial-gradient(circle at 50% 50%, var(--citrus-deep) 0%, var(--citrus) 46%, rgba(184, 196, 50, .55) 66%, rgba(184, 196, 50, 0) 82%);--blob-mango: radial-gradient(circle at 50% 50%, var(--mango-deep) 0%, var(--mango) 46%, rgba(243, 120, 32, .55) 66%, rgba(243, 120, 32, 0) 82%);--blob-ocean: radial-gradient(circle at 50% 50%, var(--ocean-deep) 0%, var(--ocean) 46%, rgba(48, 168, 208, .55) 66%, rgba(48, 168, 208, 0) 82%);--blob-violet: radial-gradient(circle at 50% 50%, var(--violet-deep) 0%, var(--violet) 46%, rgba(123, 79, 232, .55) 66%, rgba(123, 79, 232, 0) 82%);--blob-amber: radial-gradient(circle at 50% 50%, var(--amber-deep) 0%, var(--amber) 46%, rgba(224, 144, 31, .55) 66%, rgba(224, 144, 31, 0) 82%);--surface-page: var(--ziip-stone);--surface-page-dark: var(--ziip-black);--surface-card: var(--ziip-white);--surface-card-dark: var(--ziip-black);--surface-raised: var(--ziip-paper);--surface-sunken: var(--neutral-30);--surface-field: var(--ziip-white);--text-primary: var(--ziip-black);--text-secondary: var(--neutral-60);--text-muted: var(--ziip-slate);--text-inverse: var(--ziip-stone);--text-inverse-strong: var(--ziip-white);--text-display: var(--ziip-black);--text-display-alt: var(--ziip-navy);--text-link: var(--ziip-black);--text-link-hover: var(--mango-deep);--border-hairline: rgba(20, 20, 20, .12);--border-strong: var(--ziip-black);--border-hairline-inverse: rgba(232, 229, 225, .18);--accent-default: var(--mango);--accent-on-dark: var(--citrus);--status-success: var(--citrus-deep);--status-info: var(--ocean-deep);--status-warning: var(--amber-deep);--status-danger: var(--watermelon-deep);--font-core: "Tomato Grotesk", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-core);--font-body: var(--font-core);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--display-style: italic;--display-weight: var(--weight-extrabold);--display-transform: uppercase;--display-leading: .9;--display-tracking: -.015em;--size-display-xxl: 96px;--size-display-xl: 72px;--size-display-lg: 56px;--size-display-md: 44px;--size-display-sm: 34px;--size-h1: 40px;--size-h2: 28px;--size-h3: 22px;--size-h4: 18px;--size-body-lg: 20px;--size-body: 17px;--size-body-sm: 15px;--size-caption: 13px;--size-micro: 11px;--size-eyebrow: 13px;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-label: .12em;--tracking-eyebrow: .16em;--hero-weight: var(--weight-black);--hero-size: clamp(72px, 13vw, 220px);--hero-leading: .82;--hero-tracking: -.045em;--section-weight: var(--weight-medium);--section-size: clamp(28px, 3vw, 44px);--section-leading: 1.05;--section-tracking: -.025em;--cell-title-size: 22px;--spec-weight: 300;--spec-size: 30px;--spec-tracking: -.03em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--page-margin: clamp(20px, 4.4vw, 72px);--page-max: 1440px;--grid-gutter: var(--space-6);--ziip-gutter: clamp(18px, 4.4vw, 64px);--ziip-sec: clamp(72px, 8vw, 128px);--ziip-sec-seam: calc(var(--ziip-sec) / 2);--section-gap: clamp(72px, 8vw, 128px);--section-gap-mobile: 64px;--section-head-gap: 36px;--stack-tight: var(--space-2);--stack: var(--space-4);--stack-loose: var(--space-8);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 999px;--radius-card: var(--radius-lg);--radius-field: var(--radius-sm);--radius-image: var(--radius-md);--border-width: 1px;--border-width-strong: 1.5px;--border-hairline-style: var(--border-width) solid var(--border-hairline);--border-outline-style: var(--border-width-strong) solid var(--border-strong);--shadow-none: none;--shadow-card: 0 1px 2px rgba(20, 20, 20, .04), 0 8px 24px rgba(20, 20, 20, .06);--shadow-lifted: 0 2px 4px rgba(20, 20, 20, .05), 0 18px 48px rgba(20, 20, 20, .1);--shadow-inset-field: inset 0 0 0 1px var(--border-hairline);--shadow-focus: 0 0 0 3px rgba(20, 20, 20, .18);--shadow-focus-inverse: 0 0 0 3px rgba(232, 229, 225, .32);--blur-scrim: blur(18px);--scrim-light: rgba(251, 246, 244, .72);--scrim-dark: rgba(20, 20, 20, .56);--protect-bottom: linear-gradient(to top, rgba(20, 20, 20, .78) 0%, rgba(20, 20, 20, .34) 42%, rgba(20, 20, 20, 0) 100%);--protect-top: linear-gradient(to bottom, rgba(20, 20, 20, .6) 0%, rgba(20, 20, 20, 0) 70%);--grain-opacity: .1;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, .05, .55, .95);--ease-snap: cubic-bezier(.2, .9, .25, 1);--duration-instant: 90ms;--duration-fast: .14s;--duration-base: .22s;--duration-slow: .4s;--duration-blob: 1.2s;--transition-control: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-instant) var(--ease-snap), box-shadow var(--duration-fast) var(--ease-out);--transition-surface: box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);--press-scale: .98;--hover-lift: -2px;--disabled-opacity: .38;--grade-flavour: grayscale(1) contrast(1.25) brightness(1.05);--grade-mono: grayscale(1) contrast(1.4) brightness(.9);--grade-warm: sepia(.28) saturate(1.3) contrast(1.1) brightness(1.06);--grade-clinical: saturate(.42) contrast(.92) brightness(1.08);--grade-punch: saturate(1.45) contrast(1.2) brightness(1.03);--grade-flavour-tint-opacity: .7;--grade-grain-opacity: .32;--grain-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ziip-dark{--surface-page: var(--ziip-black);--surface-card: var(--ziip-white);--text-primary: var(--ziip-stone);--text-secondary: rgba(232, 229, 225, .68);--text-muted: var(--ziip-slate);--text-inverse: var(--ziip-black);--text-display: var(--ziip-stone);--text-link: var(--ziip-stone);--text-link-hover: var(--citrus);--border-hairline: rgba(232, 229, 225, .18);--border-strong: var(--ziip-stone)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-blob: 0ms;--press-scale: 1;--hover-lift: 0px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ziip-tokens.css.map */