:root{--k4-gray-050: #faf9f7;--k4-gray-100: #f2f1ec;--k4-gray-200: #e8e6df;--k4-gray-300: #d9d6cd;--k4-gray-400: #b6b1a6;--k4-gray-500: #8b867c;--k4-gray-600: #625d54;--k4-gray-800: #2d2b27;--k4-gray-900: #1a1815;--k4-black: #141210;--k4-white: #ffffff;--k4-carbon-950: #000000;--k4-carbon-900: #0a0a0a;--k4-carbon-800: #1a1a1a;--k4-carbon-700: #333333;--k4-carbon-600: #6b6b6b;--k4-carbon-500: #8a8a8a;--k4-bg: var(--k4-carbon-950);--k4-fg: var(--k4-white);--k4-surface: var(--k4-carbon-950);--k4-surface-raised: var(--k4-carbon-900);--k4-ink-muted: var(--k4-carbon-500);--k4-border: var(--k4-gray-200);--k4-border-strong: var(--k4-gray-300);--k4-line: var(--k4-carbon-700);--k4-line-strong: var(--k4-carbon-600);--k4-rule-heavy: var(--k4-fg);--k4-rule-w-heavy: 0;--k4-surface-hover: var(--k4-carbon-800);--k4-product-backdrop: var(--k4-carbon-950);--k4-btn-bg: var(--k4-white);--k4-btn-fg: var(--k4-carbon-950);--k4-btn-off-bg: var(--k4-carbon-800);--k4-btn-off-fg: var(--k4-carbon-500);--k4-surface-half: color-mix(in srgb, var(--k4-surface) 85%, transparent);--k4-bar-bg: #131416;--k4-bar-bg-half: color-mix(in srgb, var(--k4-bar-bg) 94%, transparent);--k4-surface-raised-half: color-mix(in srgb, var(--k4-surface-raised) 92%, transparent);--k4-inverse-bg: var(--k4-gray-900);--k4-inverse-fg: var(--k4-white);--k4-focus: var(--k4-white);--k4-scrim: rgb(0 0 0 / 70%);--k4-scrim-heavy: rgb(0 0 0 / 92%);--k4-font-sans: var(--font-primary--family, ui-sans-serif), system-ui, sans-serif;--k4-font-display: var(--font-display--family, ui-serif), georgia, serif;--k4-font-label: var(--k4-font-sans);--k4-font-text: "K4 Inter", var(--k4-font-sans);--k4-font-heading: var(--k4-font-text);--k4-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--k4-text-xs: .75rem;--k4-text-sm: .8125rem;--k4-text-base: 1rem;--k4-text-lg: 1.25rem;--k4-text-xl: clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);--k4-text-2xl: clamp(1.75rem, 1.3rem + 2.2vw, 2.5rem);--k4-text-3xl: clamp(2.25rem, 1.4rem + 4vw, 3.75rem);--k4-text-4xl: clamp(2.75rem, 1.25rem + 6vw, 7rem);--k4-leading-tight: 1.05;--k4-leading-flat: .92;--k4-leading-snug: 1.25;--k4-leading-normal: 1.5;--k4-leading-relaxed: 1.7;--k4-weight-regular: 300;--k4-weight-bold: 400;--k4-weight-heading: 600;--k4-tracking-tight: -.02em;--k4-tracking-normal: 0;--k4-tracking-wide: .08em;--k4-tracking-wider: .18em;--k4-tracking-title: .03em;--k4-tracking-nav: .24em;--k4-space-1: .25rem;--k4-space-2: .5rem;--k4-space-3: .75rem;--k4-space-4: 1rem;--k4-space-5: 1.5rem;--k4-space-6: 2rem;--k4-space-7: 3rem;--k4-space-8: 4rem;--k4-space-9: 6rem;--k4-border-w: 1px;--k4-border-w-thick: 1.5px;--k4-border-w-hair: 1px;--k4-radius: 0;--k4-radius-soft: 0;--k4-radius-pill: 0;--k4-ink-soft: color-mix(in srgb, var(--k4-fg) 72%, transparent);--k4-surface-glass: color-mix(in srgb, var(--k4-surface-raised) 88%, transparent);--k4-shadow-soft: none;--k4-shadow-lift: none;--k4-blur: 12px;--k4-blur-sm: 6px;--k4-filter-invert: invert(1);--k4-color-scheme: dark;--k4-zoom-hover: 1.03;--k4-img-fade: linear-gradient(to bottom, transparent 0%, #000 16%);--k4-dot-size: 5px;--k4-dot-size-active: 14px;--k4-opacity-dim: .55;--k4-hero-media-h: min(58svh, 40rem);--k4-hero-h-tall: 78svh;--k4-hero-h-full: calc(100svh - var(--k4-bar-h));--k4-dur-fast: .12s;--k4-dur-base: .24s;--k4-dur-slow: .42s;--k4-ease-out: cubic-bezier(.16, 1, .3, 1);--k4-ease-in-out: cubic-bezier(.65, 0, .35, 1);--k4-bar-h: 64px;--k4-drawer-w: min(420px, 86vw);--k4-thumb-size: 72px;--k4-field-w-sm: 6rem;--k4-measure: 60ch;--k4-page-w: 42rem;--k4-gate-w: 44rem;--k4-gate-logo-h: 3rem;--k4-drop-card-h: 58svh;--k4-drop-mark-w: clamp(6rem, 11vw, 10rem);--k4-cd-logo-w: clamp(3.75rem, calc(var(--k4-text-3xl) * 1.9), 7.5rem);--k4-chrome-hi: #f3f7fc;--k4-chrome-mid: #bcc6d2;--k4-chrome-dark: #4a5362;--k4-chrome-glow: rgb(190 210 235 / 45%);--k4-chrome-sweep: 6s;--k4-buybar-h: 4.5rem;--k4-ratio-square: 1;--k4-ratio-portrait: 3 / 4;--k4-ratio-tall: 4 / 5;--k4-ratio-wide: 16 / 9;--k4-bp-md: 768px;--k4-bp-lg: 1024px}:root{--color-background: var(--k4-bg);--color-foreground: var(--k4-fg);--style-border-radius-inputs: var(--k4-radius);color-scheme:var(--k4-color-scheme)}@media(min-width:768px){:root{--k4-bar-h: 44px}}@media(prefers-reduced-motion:reduce){:root{--k4-dur-fast: 0ms;--k4-dur-base: 0ms;--k4-dur-slow: 0ms}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/k4-tokens.css.map */