:root{--primary:142 64% 24%;--primary-foreground:210 40% 98%;--primary-50:138 76% 97%;--primary-100:141 84% 93%;--primary-200:141 79% 85%;--primary-300:142 77% 73%;--primary-400:142 69% 58%;--primary-500:142 64% 24%;--primary-600:142 76% 36%;--primary-700:142 64% 24%;--primary-800:143 64% 20%;--primary-900:144 61% 15%;--primary-950:145 80% 8%;--secondary:0 84% 60%;--secondary-foreground:210 40% 98%;--secondary-50:0 86% 97%;--secondary-100:0 93% 94%;--secondary-200:0 96% 89%;--secondary-300:0 94% 82%;--secondary-400:0 91% 71%;--secondary-500:0 84% 60%;--secondary-600:0 72% 51%;--secondary-700:0 74% 42%;--secondary-800:0 70% 35%;--secondary-900:0 63% 31%;--secondary-950:0 75% 15%;--neutral-50:210 40% 98%;--neutral-100:210 40% 96%;--neutral-200:214 32% 91%;--neutral-300:213 27% 84%;--neutral-400:215 20% 65%;--neutral-500:215 16% 47%;--neutral-600:215 19% 35%;--neutral-700:215 25% 27%;--neutral-800:217 33% 17%;--neutral-900:222 47% 11%;--neutral-950:229 84% 5%;--success:160 84% 39%;--warning:38 92% 50%;--error:0 84% 60%;--destructive:0 84% 60%;--destructive-foreground:210 40% 98%;--info:217 91% 60%;--background:127 50% 97%;--foreground:222 47% 11%;--muted:210 40% 96%;--muted-foreground:215 16% 47%;--border:214 32% 91%;--input:214 32% 91%;--ring:142 64% 24%;--card:130 52% 93%;--card-foreground:222 47% 11%;--popover:0 0% 100%;--popover-foreground:18 14% 11%;--accent:40 18% 96%;--accent-foreground:18 14% 11%;--radius:0.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--container-max-width:1440px;--container-padding:clamp(1rem,0.5rem + 2vw,3rem);--page-padding-x:clamp(1rem,0.5rem + 2vw,3rem);--page-padding-y:clamp(1.5rem,1rem + 2vw,3rem);--section-padding-y:clamp(2.5rem,2rem + 2.5vw,5rem);--section-padding-x:clamp(1rem,0.5rem + 2vw,3rem);--section-gap:clamp(2rem,1.5rem + 2vw,4rem);--section-padding-y-sm:clamp(1.5rem,1rem + 1.5vw,3rem);--section-padding-y-lg:clamp(3rem,2.5rem + 3vw,6rem);--content-padding:clamp(1rem,0.75rem + 1vw,2rem);--content-gap:clamp(1.5rem,1rem + 1.5vw,3rem);--card-padding:clamp(1rem,0.75rem + 1vw,1.5rem);--card-padding-sm:clamp(0.75rem,0.5rem + 0.75vw,1rem);--card-padding-lg:clamp(1.25rem,1rem + 1vw,2rem);--card-gap:clamp(0.75rem,0.5rem + 0.5vw,1rem);--grid-gap:clamp(1rem,0.75rem + 1vw,1.5rem);--grid-gap-sm:clamp(0.75rem,0.5rem + 0.5vw,1rem);--grid-gap-lg:clamp(1.5rem,1rem + 1.5vw,2.5rem);--stack-gap:clamp(1rem,0.75rem + 0.75vw,1.5rem);--stack-gap-sm:clamp(0.5rem,0.375rem + 0.375vw,0.75rem);--stack-gap-lg:clamp(1.5rem,1.25rem + 1vw,2.5rem);--inline-gap:clamp(0.5rem,0.375rem + 0.375vw,0.75rem);--inline-gap-sm:clamp(0.25rem,0.2rem + 0.2vw,0.5rem);--inline-gap-lg:clamp(0.75rem,0.5rem + 0.5vw,1rem);--header-height:clamp(3.5rem,3rem + 1.5vw,5rem);--header-padding-x:clamp(1rem,0.5rem + 2vw,3rem);--footer-padding-y:clamp(2rem,1.5rem + 2vw,4rem);--sidebar-width:16rem;--sidebar-padding:clamp(1rem,0.75rem + 0.75vw,1.5rem);--input-padding-x:clamp(0.75rem,0.625rem + 0.375vw,1rem);--input-padding-y:clamp(0.5rem,0.4rem + 0.25vw,0.75rem);--input-gap:clamp(0.5rem,0.375rem + 0.375vw,0.75rem);--button-padding-x:clamp(1rem,0.875rem + 0.5vw,1.5rem);--button-padding-y:clamp(0.5rem,0.4rem + 0.25vw,0.75rem);--button-padding-x-sm:clamp(0.75rem,0.625rem + 0.375vw,1rem);--button-padding-y-sm:clamp(0.375rem,0.3rem + 0.2vw,0.5rem);--button-padding-x-lg:clamp(1.5rem,1.25rem + 0.75vw,2rem);--button-padding-y-lg:clamp(0.75rem,0.625rem + 0.375vw,1rem);--button-gap:clamp(0.375rem,0.3rem + 0.2vw,0.5rem);--badge-padding-x:clamp(0.5rem,0.4rem + 0.25vw,0.75rem);--badge-padding-y:clamp(0.125rem,0.1rem + 0.1vw,0.25rem);--modal-padding:clamp(1.5rem,1rem + 1.5vw,2.5rem);--modal-gap:clamp(1rem,0.75rem + 0.75vw,1.5rem);--product-card-gap:clamp(0.75rem,0.5rem + 0.75vw,1.25rem);--product-image-gap:clamp(0.5rem,0.375rem + 0.375vw,0.75rem);--nav-item-padding-x:clamp(0.75rem,0.5rem + 0.5vw,1rem);--nav-item-padding-y:clamp(0.5rem,0.375rem + 0.375vw,0.75rem);--nav-gap:clamp(0.25rem,0.2rem + 0.15vw,0.5rem);--icon-gap:clamp(0.375rem,0.3rem + 0.2vw,0.5rem);--icon-size-sm:1rem;--icon-size:1.25rem;--icon-size-lg:1.5rem;--icon-size-xl:2rem;--divider-margin:clamp(1rem,0.75rem + 0.75vw,1.5rem);--container-prose:65ch;--container-compact:58rem;--container-standard:75rem;--container-wide:87.5rem;--container-full:100%;--max-width-xs:20rem;--max-width-sm:24rem;--max-width-md:28rem;--max-width-lg:32rem;--max-width-xl:36rem;--max-width-2xl:42rem;--max-width-3xl:48rem;--max-width-4xl:56rem;--max-width-5xl:64rem;--max-width-6xl:72rem;--max-width-7xl:80rem;--max-width-prose:65ch;--font-size-display:clamp(2.5rem,2rem + 2.5vw,4rem);--line-height-display:1.1;--letter-spacing-display:-0.03em;--font-weight-display:800;--font-size-h1:clamp(2rem,1.6rem + 2vw,3rem);--line-height-h1:1.15;--letter-spacing-h1:-0.025em;--font-weight-h1:700;--font-size-h2:clamp(1.5rem,1.25rem + 1.25vw,2.25rem);--line-height-h2:1.2;--letter-spacing-h2:-0.02em;--font-weight-h2:700;--font-size-h3:clamp(1.25rem,1.1rem + 0.75vw,1.75rem);--line-height-h3:1.25;--letter-spacing-h3:-0.015em;--font-weight-h3:600;--font-size-h4:clamp(1.125rem,1rem + 0.5vw,1.375rem);--line-height-h4:1.3;--letter-spacing-h4:-0.01em;--font-weight-h4:600;--font-size-h5:clamp(1rem,0.95rem + 0.25vw,1.125rem);--line-height-h5:1.4;--letter-spacing-h5:0;--font-weight-h5:600;--font-size-h6:clamp(0.875rem,0.85rem + 0.125vw,1rem);--line-height-h6:1.4;--letter-spacing-h6:0.01em;--font-weight-h6:600;--font-size-body-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--line-height-body-lg:1.6;--letter-spacing-body-lg:0;--font-weight-body-lg:400;--font-size-body:clamp(1rem,0.95rem + 0.25vw,1.125rem);--line-height-body:1.65;--letter-spacing-body:0.01em;--font-weight-body:400;--font-size-body-sm:clamp(0.875rem,0.85rem + 0.125vw,0.9375rem);--line-height-body-sm:1.6;--letter-spacing-body-sm:0.015em;--font-weight-body-sm:400;--font-size-caption:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);--line-height-caption:1.5;--letter-spacing-caption:0.02em;--font-weight-caption:400;--font-size-caption-sm:clamp(0.75rem,0.73rem + 0.1vw,0.8125rem);--line-height-caption-sm:1.5;--letter-spacing-caption-sm:0.025em;--font-weight-caption-sm:400;--font-size-overline:clamp(0.6875rem,0.67rem + 0.1vw,0.75rem);--line-height-overline:1.5;--letter-spacing-overline:0.1em;--font-weight-overline:600;--font-size-button:clamp(0.875rem,0.85rem + 0.125vw,0.9375rem);--line-height-button:1.25;--letter-spacing-button:0.02em;--font-weight-button:500;--font-size-button-sm:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);--line-height-button-sm:1.25;--letter-spacing-button-sm:0.025em;--font-weight-button-sm:500;--font-size-price:clamp(1.25rem,1.1rem + 0.75vw,1.75rem);--line-height-price:1.2;--letter-spacing-price:-0.01em;--font-weight-price:700;--font-size-price-sm:clamp(1rem,0.95rem + 0.25vw,1.125rem);--line-height-price-sm:1.25;--letter-spacing-price-sm:0;--font-weight-price-sm:600}.dark{--background:229 84% 5%;--foreground:210 40% 98%;--card:222 47% 11%;--card-foreground:210 40% 98%;--popover:222 47% 11%;--popover-foreground:210 40% 98%;--primary:142 69% 58%;--primary-foreground:222 47% 11%;--secondary:0 63% 31%;--secondary-foreground:210 40% 98%;--muted:217 33% 17%;--muted-foreground:215 20% 65%;--accent:217 33% 17%;--accent-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--border:217 33% 17%;--input:217 33% 17%;--ring:142 69% 58%}