:root{--color-bg: #fafafa;--color-bg-card: #ffffff;--color-bg-input: #f0ebff;--color-text-primary: #1c1c1e;--color-text-secondary: #8e8e93;--color-accent: #9b6cff;--color-accent-light: #f0ebff;--color-accent-mid: #3b82f6;--color-accent-text: #ffffff;--color-brand-blue: #3b82f6;--color-border-light: rgba(155, 108, 255, .08);--color-error: #ff3b30;--color-success: #34c759;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-accent: 0 4px 16px rgba(155, 108, 255, .35);--shadow-header: 0 4px 24px rgba(155, 108, 255, .1), 0 1px 4px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.16, 1, .3, 1);--z-header: 100;--z-detail: 200;--z-cart-backdrop: 290;--z-cart: 300;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-family: var(--font-body)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;min-height:100dvh}img,picture,video,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}input,textarea,select{font:inherit;border:none;outline:none}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Variable.ttf) format("truetype");font-weight:200 800;font-style:normal;font-display:swap}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary);line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.125rem)}h2{font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.03em}h3{font-size:1.0625rem}p{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}
