:root{--color-ink: #4f3e31;--color-cocoa: #4d2e24;--color-cream: #fefcfa;--color-surface: #f1efe8;--color-accent: #63482f;--color-sale: #d02e2e;--color-heading: #513a30;--color-border: #604430;--color-taupe: #ddd5cc;--color-white: #fff;--color-ink-60: rgb(79 62 49 / 60%);--color-ink-30: rgb(79 62 49 / 30%);--color-hairline: rgb(96 68 48 / 18%);--color-cocoa-hover: #3c231b;--color-accent-hover: #4d2e24;--color-on-accent: #fefcfa;--color-on-cocoa: #fefcfa;--color-ink-muted: #785e4a;--color-accent-text: #63482f;--color-sale-text: #bf2a2a;--color-instock: #2f6b45;--color-instock-tint: #e6f0e8;--color-star: #a8761b;--color-background: var(--color-cream);--color-foreground: var(--color-ink);--font-body-family: "Jost";--font-body: var(--font-body-family), futura, "Futura PT", "Century Gothic", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--font-display: var(--font-body);--text-xs: clamp(.8125rem, .77rem + .19vw, .875rem);--text-s: clamp(1rem, .98rem + .08vw, 1.0625rem);--text-m: clamp(1.25rem, 1.13rem + .6vw, 1.5rem);--text-l: clamp(1.75rem, 1.32rem + 2.14vw, 2.5rem);--text-xl: clamp(2.25rem, 1.32rem + 4.64vw, 4rem);--text-display: clamp(2.75rem, 1.21rem + 7.68vw, 5.5rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-body: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-label: .12em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-half: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--space-8: 128px;--radius-s: 6px;--radius-m: 12px;--radius-l: 24px;--radius-pill: 999px;--ease: cubic-bezier(.25,.46,.45,.94) .24s;--ease-fn: cubic-bezier(.25, .46, .45, .94);--duration: .24s;--duration-fast: .2s;--container-max: 1280px;--container-pad: var(--space-3);--focus-ring-width: 2px;--focus-ring-offset: 2px;--page-width: var(--container-max);--page-margin: var(--container-pad);--style-border-radius-inputs: var(--radius-s);--shadow-s: 0 1px 2px rgb(77 46 36 / 6%), 0 2px 8px rgb(77 46 36 / 5%);--shadow-m: 0 2px 6px rgb(77 46 36 / 7%), 0 12px 28px rgb(77 46 36 / 8%)}@media screen and (min-width:750px){:root{--container-pad: clamp(2rem, 2.65vw, 3.5rem);--container-max: 2200px}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/tokens.css.map */