:root{--moc-palette-orange: #FF6B00;--moc-palette-orange-deep: #CC5500;--moc-palette-orange-hover: #FF8533;--moc-palette-black: #111111;--moc-palette-canvas: #1A1A1A;--moc-palette-surface: #2C2C2C;--moc-palette-surface-light: #3A3A3A;--moc-palette-white: #FFFFFF;--moc-palette-body: #E0E0E0;--moc-palette-muted: #B3B3B3;--moc-palette-slate: #888888;--moc-palette-steel: #666666;--moc-palette-hairline: #444444;--moc-palette-hairline-soft: #333333;--moc-palette-control: #999999;--moc-palette-success: #91D5AA;--moc-palette-warning: #FFD080;--moc-palette-error: #FFB4AB;--moc-palette-info: #A9CEFF;--moc-palette-product-surface: #202020;--moc-palette-product-border: #383838;--moc-palette-product-text: #F5F5F5;--moc-palette-product-muted: #B8B8B8;--moc-palette-transparent: transparent;--moc-color-brand: var(--moc-palette-orange);--moc-color-brand-deep: var(--moc-palette-orange-deep);--moc-color-canvas: var(--moc-palette-canvas);--moc-color-surface: var(--moc-palette-surface);--moc-color-surface-raised: var(--moc-palette-surface-light);--moc-color-surface-deep: var(--moc-palette-black);--moc-color-heading: var(--moc-palette-white);--moc-color-text: var(--moc-palette-body);--moc-color-text-muted: var(--moc-palette-muted);--moc-color-legacy-slate: var(--moc-palette-slate);--moc-color-legacy-steel: var(--moc-palette-steel);--moc-color-border: var(--moc-palette-hairline);--moc-color-border-soft: var(--moc-palette-hairline-soft);--moc-color-control-border: var(--moc-palette-control);--moc-color-action: var(--moc-palette-orange);--moc-color-action-hover: var(--moc-palette-orange-hover);--moc-color-on-action: var(--moc-palette-black);--moc-color-secondary: var(--moc-palette-surface);--moc-color-on-secondary: var(--moc-palette-body);--moc-color-secondary-hover: var(--moc-palette-surface-light);--moc-color-focus: var(--moc-palette-white);--moc-color-success: var(--moc-palette-success);--moc-color-warning: var(--moc-palette-warning);--moc-color-error: var(--moc-palette-error);--moc-color-error-border: var(--moc-color-error);--moc-color-info: var(--moc-palette-info);--moc-color-status-surface: var(--moc-palette-black);--moc-color-product-surface: var(--moc-palette-product-surface);--moc-color-product-border: var(--moc-palette-product-border);--moc-color-product-text: var(--moc-palette-product-text);--moc-color-product-text-muted: var(--moc-palette-product-muted);--moc-color-product-text-strong: var(--moc-palette-white);--moc-color-product-accent: var(--moc-palette-orange);--moc-color-product-transparent: var(--moc-palette-transparent);--moc-legacy-size-3: 3px;--moc-legacy-size-12: 12px;--moc-legacy-size-13: 13px;--moc-legacy-size-14: 14px;--moc-legacy-size-15: 15px;--moc-legacy-size-16: 16px;--moc-legacy-size-18: 18px;--moc-legacy-size-22: 22px;--moc-legacy-size-48: 48px;--moc-legacy-size-1080: 1080px;--moc-legacy-space-4: 4px;--moc-legacy-space-6: 6px;--moc-legacy-space-8: 8px;--moc-legacy-space-10: 10px;--moc-legacy-space-12: 12px;--moc-legacy-space-14: 14px;--moc-legacy-space-15: 15px;--moc-legacy-space-16: 16px;--moc-legacy-space-24: 24px;--moc-legacy-space-48: 48px;--moc-legacy-space-64: 64px;--moc-legacy-space-100: 100px;--moc-legacy-radius-7: 7px;--moc-space-0: 0;--moc-space-1: .4rem;--moc-space-2: .8rem;--moc-space-3: 1.2rem;--moc-space-4: 1.6rem;--moc-space-5: 2rem;--moc-space-6: 2.4rem;--moc-space-8: 3.2rem;--moc-space-10: 4rem;--moc-space-12: 4.8rem;--moc-space-16: 6.4rem;--moc-space-24: 9.6rem;--moc-radius-sm: 4px;--moc-radius-md: 8px;--moc-radius-lg: 12px;--moc-radius-pill: 9999px;--moc-border-width: 1px;--moc-focus-width: 2px;--moc-focus-offset: 3px;--moc-shadow-card: 0 8px 24px rgb(0 0 0 / .24);--moc-shadow-floating: 0 16px 40px rgb(0 0 0 / .4);--moc-motion-fast: .12s;--moc-motion-normal: .2s;--moc-motion-ease: cubic-bezier(.2, 0, 0, 1);--moc-line-height-heading: 1.15;--moc-line-height-body: 1.6;--moc-line-height-label: 1.4;--moc-letter-spacing-heading: -.02em;--moc-letter-spacing-eyebrow: .08em;--moc-content-width: 1280px;--moc-gutter: 20px;--moc-legacy-content-width: 1280px;--moc-legacy-gutter-mobile: 20px;--moc-legacy-gutter-desktop: 48px;--moc-touch-target: 44px;--moc-z-base: 0;--moc-z-raised: 1;--moc-z-sticky: 10;--moc-z-overlay: 20;--moc-z-dialog: 30}:root,.moc-theme-editor{--moc-font-heading: var(--font-heading-family, Arial, sans-serif);--moc-font-body: var(--font-body-family, Arial, sans-serif);--moc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--moc-font-heading-style: var(--font-heading-style, normal);--moc-font-body-style: var(--font-body-style, normal);--moc-font-heading-weight: var(--font-heading-weight, 700);--moc-font-body-weight: var(--font-body-weight, 400);--moc-font-label-weight: var(--font-body-weight-bold, 700);--moc-font-size-sm: 1.4rem;--moc-font-size-body: 1.6rem;--moc-font-size-heading-sm: calc(2.4rem * var(--font-heading-scale, 1));--moc-font-size-heading: calc(3.2rem * var(--font-heading-scale, 1));--moc-font-size-heading-lg: calc(4rem * var(--font-heading-scale, 1))}.moc-theme-editor{--moc-color-canvas: rgb(var(--color-background, 26, 26, 26));--moc-color-surface: rgb(var(--color-background, 26, 26, 26));--moc-color-surface-raised: rgb(var(--color-background, 26, 26, 26));--moc-color-surface-deep: rgb(var(--color-background, 26, 26, 26));--moc-color-heading: rgb(var(--color-foreground, 255, 255, 255));--moc-color-text: rgb(var(--color-foreground, 255, 255, 255));--moc-color-text-muted: rgb(var(--color-foreground, 255, 255, 255));--moc-color-border: rgba(var(--color-foreground, 255, 255, 255), .35);--moc-color-border-soft: rgba(var(--color-foreground, 255, 255, 255), .2);--moc-color-control-border: rgb(var(--color-foreground, 255, 255, 255));--moc-color-error-border: rgb(var(--color-foreground, 255, 255, 255));--moc-color-action: rgb(var(--color-button, 255, 107, 0));--moc-color-action-hover: rgb(var(--color-button, 255, 107, 0));--moc-color-on-action: rgb(var(--color-button-text, 17, 17, 17));--moc-color-secondary: rgb(var(--color-secondary-button, 26, 26, 26));--moc-color-on-secondary: rgb(var(--color-secondary-button-text, 255, 255, 255));--moc-color-secondary-hover: rgb(var(--color-secondary-button, 26, 26, 26));--moc-color-focus: rgb(var(--color-foreground, 255, 255, 255));--moc-shadow-card: 0 8px 24px rgba(var(--color-shadow, 0, 0, 0), .24);--moc-shadow-floating: 0 16px 40px rgba(var(--color-shadow, 0, 0, 0), .4);color:var(--moc-color-text);background-color:var(--moc-color-canvas);font-family:var(--moc-font-body);font-style:var(--moc-font-body-style);font-weight:var(--moc-font-body-weight)}@media screen and (min-width:750px){:root{--moc-gutter: 32px}}@media screen and (min-width:990px){:root{--moc-gutter: 48px}:root,.moc-theme-editor{--moc-font-size-heading-lg: calc(5.6rem * var(--font-heading-scale, 1))}}@media(prefers-reduced-motion:reduce){:root,.moc-theme-editor{--moc-motion-fast: 0ms;--moc-motion-normal: 0ms}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mocloom-design-tokens.css.map */