:root{--paper: #F8F7F2;--white: #FFFFFF;--bone: #ECE7DA;--ink: #16140F;--midnight: #0C0E13;--blue: #1E3AFF;--peri: #8C97FF;--red: #E8392B;--green: #1F8A5B;--ink-72: rgba(22, 20, 15, .74);--ink-55: rgba(22, 20, 15, .62);--ink-38: rgba(22, 20, 15, .61);--gray: #6E6A60;--line: #E2DED2;--line-dash: #D8D2C4;--font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;--font-mono: "Courier Prime", ui-monospace, "SFMono-Regular", monospace;--font-brand: "Fredoka", "Trebuchet MS", sans-serif;--font-note: "Caveat", "Segoe Script", cursive;--fs-hero: clamp(2.6rem, 1rem + 8vw, 8rem);--fs-mega: clamp(3rem, 1rem + 10vw, 12rem);--fs-h1: clamp(2.2rem, 1.1rem + 4.4vw, 4.6rem);--fs-h2: clamp(1.75rem, 1.1rem + 2.6vw, 3.1rem);--fs-h3: clamp(1.3rem, 1rem + 1.4vw, 1.95rem);--fs-body: clamp(.95rem, .9rem + .2vw, 1.0625rem);--fs-lead: clamp(1.05rem, .95rem + .6vw, 1.35rem);--fs-mono: .8125rem;--fs-label: .75rem;--fs-micro: .75rem;--fs-mark: .6875rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--s10: 128px;--gutter: clamp(1rem, .4rem + 2.4vw, 2.75rem);--section-pad: clamp(3.5rem, 2rem + 6vw, 7.5rem);--maxw: 1320px;--bd: 1.5px solid var(--line);--bd-ink: 2px solid var(--ink);--bd-dash: 1.5px dashed var(--line-dash);--shadow-hard: 4px 4px 0 var(--ink);--shadow-hard-blue: 4px 4px 0 var(--blue);--shadow-hard-peri: 4px 4px 0 var(--peri);--dur: .15s;--dur-fade: .45s;--dur-open: .35s;--dur-close: .25s;--dur-morph: .18s;--ease: cubic-bezier(.33, 1, .68, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--lift: translate(-2px, -2px);--dur-instant: 90ms;--dur-fast: .15s;--dur-mid: .24s;--dur-slow: .32s;--dur-fast-out: .12s;--dur-mid-out: .19s;--dur-slow-out: .26s;--ease-out-std: cubic-bezier(.23, 1, .32, 1);--ease-glide: var(--ease-drawer);--ease-out: var(--ease-out-std);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-press: cubic-bezier(.25, .9, .35, 1);--press-scale: .97;--press-scale-sm: .93;--press-scale-lg: .985;--z-nav: 100;--z-overlay: 190;--z-drawer: 200;--color-action: var(--blue);--color-action-hover: color-mix(in srgb, var(--blue) 86%, var(--midnight));--color-action-fg: #FFFFFF;--color-success: var(--green);--color-success-ink: #17714A;--color-success-fg: #FFFFFF;--color-danger: var(--red);--color-danger-ink: #C0281C;--color-danger-fg: #FFFFFF;--color-warning: color-mix(in oklab, var(--red) 58%, var(--green) 42%);--color-warning-ink: color-mix(in oklab, var(--color-warning) 80%, var(--ink) 20%);--color-warning-fg: #FFFFFF;--color-info: color-mix(in srgb, var(--blue) 10%, var(--paper));--color-info-ink: var(--blue);--color-surface: var(--paper);--color-surface-raised: var(--white);--color-surface-sunken: var(--bone);--color-text: var(--ink);--color-text-muted: var(--ink-55);--color-text-subtle: var(--ink-38);--color-border: var(--line);--color-border-strong: var(--ink);--color-focus: var(--blue);--state-hover-tint: rgba(22, 20, 15, .05);--state-pressed-tint: rgba(22, 20, 15, .1)}.on-dark{--ink: #F4F2EC;--line: rgba(244, 242, 236, .16);--line-dash: rgba(244, 242, 236, .24);--ink-72: rgba(244, 242, 236, .72);--ink-55: rgba(244, 242, 236, .55);--shadow-hard: 4px 4px 0 var(--peri);color:var(--paper);background:var(--midnight);--color-surface: var(--midnight);--color-surface-raised: rgba(244, 242, 236, .06);--color-surface-sunken: rgba(244, 242, 236, .03);--color-info: rgba(140, 151, 255, .14);--color-info-ink: var(--peri);--state-hover-tint: rgba(244, 242, 236, .07);--state-pressed-tint: rgba(244, 242, 236, .13)}.on-blue{--ink: #FFFFFF;--line: rgba(255, 255, 255, .42);--line-dash: rgba(255, 255, 255, .5);--ink-72: rgba(255, 255, 255, .82);--shadow-hard: 4px 4px 0 var(--ink);color:#fff;background:var(--blue);--color-surface: var(--blue);--color-surface-raised: rgba(255, 255, 255, .1);--color-surface-sunken: rgba(255, 255, 255, .06);--state-hover-tint: rgba(255, 255, 255, .1);--state-pressed-tint: rgba(255, 255, 255, .18)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/framegrid-tokens.css.map */