:root:root{--color-ink: #1a1a1a;--color-paper: #e7dfc9;--color-paper-light: #f5f1e6;--color-olive: #3e4a34;--color-brown: #7a5e3f;--color-gold: #c9a04d;--color-rust: #8a4a28;--text-primary: var(--color-ink);--text-secondary: color-mix(in oklch, var(--color-ink) 62%, var(--color-paper));--text-inverse: var(--color-paper-light);--text-accent: var(--color-gold);--surface-bg: var(--color-paper);--surface-card: var(--color-paper-light);--surface-sunken: color-mix(in oklch, var(--color-paper) 55%, var(--color-ink) 8%);--surface-inverse: var(--color-ink);--border-default: var(--color-ink);--border-subtle: color-mix(in oklch, var(--color-ink) 25%, var(--color-paper));--border-hairline: color-mix(in oklch, var(--color-ink) 15%, var(--color-paper));--accent-olive: var(--color-olive);--accent-brown: var(--color-brown);--accent-gold: var(--color-gold);--state-success: var(--color-olive);--state-warning: var(--color-gold);--state-danger: var(--color-rust);--focus-ring: var(--color-gold);--font-body: var(--font-body--family);--font-heading: var(--font-heading--family);--font-subheading: var(--font-subheading--family);--font-accent: var(--font-accent--family);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 4rem;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-widest: .14em;--leading-tight: 1.05;--leading-snug: 1.25;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--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;--container-max: 1200px;--radius-none: 0px;--radius-sm: 2px;--radius-md: 4px;--border-width-hairline: 1px;--border-width-default: 1.5px;--border-width-heavy: 2px;--shadow-stamp-sm: 3px 3px 0 var(--color-ink);--shadow-stamp-md: 5px 5px 0 var(--color-ink);--shadow-stamp-lg: 8px 8px 0 var(--color-ink);--shadow-lift: 0 2px 8px color-mix(in oklch, var(--color-ink) 18%, transparent);--ease-out: cubic-bezier(.2, .7, .3, 1);--duration-fast: .12s;--duration-base: .18s;--uf-stamp-color: rgb(var(--color-foreground-rgb));--uf-stamp-sm: 3px 3px 0 var(--uf-stamp-color);--uf-stamp-md: 5px 5px 0 var(--uf-stamp-color);--uf-stamp-lg: 8px 8px 0 var(--uf-stamp-color);--style-border-radius-xs: var(--radius-sm);--style-border-radius-sm: var(--radius-sm);--style-border-radius-md: var(--radius-md);--style-border-radius-lg: var(--radius-md);--style-border-radius-inputs: var(--radius-sm);--style-border-radius-buttons-primary: var(--radius-sm);--style-border-radius-buttons-secondary: var(--radius-sm);--style-border-radius-popover: var(--radius-sm);--border-radius-sm: var(--radius-sm);--variant-picker-button-radius: var(--radius-sm);--variant-picker-swatch-radius: var(--radius-sm);--checkbox-border-radius: var(--radius-sm);--badge-border-radius: var(--radius-sm);--style-border-width: var(--border-width-hairline);--border-width-sm: var(--border-width-hairline);--border-width-md: var(--border-width-heavy);--style-border-width-primary: var(--border-width-heavy);--style-border-width-secondary: var(--border-width-heavy);--style-border-width-inputs: var(--border-width-heavy);--variant-picker-button-border-width: var(--border-width-default);--variant-picker-border-width: var(--border-width-default);--style-border-swatch-width: var(--border-width-default);--border-color: rgb(var(--color-border-rgb));--checkbox-border: var(--border-width-heavy) solid rgb(var(--color-foreground-rgb));--style-border-popover: var(--border-width-heavy) solid rgb(var(--color-border-rgb));--style-border-drawer: var(--border-width-heavy) solid rgb(var(--color-border-rgb));--input-box-shadow-width: var(--border-width-heavy);--shadow-button: var(--uf-stamp-sm);--gradient-image-overlay: linear-gradient(to top, rgb(26 26 26 / .55), transparent);--badge-font-family: var(--font-accent--family);--badge-font-weight: 500;--badge-text-transform: uppercase;--button-font-family-primary: var(--font-heading--family);--button-font-family-secondary: var(--font-heading--family);--button-text-case: uppercase;--button-text-case-primary: uppercase;--button-text-case-secondary: uppercase;--button-padding-inline: 24px;--button-padding-block: 15px;--animation-speed-fast: .12s;--animation-speed: .18s;--animation-speed-medium: .18s;--animation-speed-slow: .24s;--animation-easing: var(--ease-out);--animation-timing-bounce: var(--ease-out);--letter-spacing-sm: var(--tracking-wide);--letter-spacing-md: var(--tracking-widest);--color-error: var(--state-danger);--color-success: var(--state-success);--color-lowstock: var(--state-warning);--color-instock: var(--state-success);--card-bg-hover: rgb(var(--color-foreground-rgb) / .05);--card-border-hover: rgb(var(--color-foreground-rgb));--card-border-focus: rgb(var(--color-foreground-rgb) / .3);--focus-outline-width: 2px;--focus-outline-offset: 2px}:focus-visible{outline-color:var(--focus-ring)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/upfit-design-system.css.map */