:root{
--ink-900:#05010d;--ink-850:#0a0714;--ink-800:#100c1c;--ink-700:#181327;--ink-600:#231d34;--ink-500:#332c46;--ink-400:#4b4360;--ink-300:#6f6787;--ink-200:#9d95b2;--ink-100:#cec8dc;--ink-000:#fff;
--crimson-600:#c30d28;--crimson-500:#fe1f3e;--crimson-400:#ff4f68;--crimson-300:#ff8496;--crimson-100:#ffd9de;
--azure-600:#0069bd;--azure-500:#0090ff;--azure-400:#3fadff;--azure-300:#84c9ff;--azure-100:#d6ecff;--violet-500:#4577e0;--violet-400:#7a9dec;
--surface-page:var(--ink-900);--surface-raised:var(--ink-800);--surface-card:var(--ink-850);--surface-inset:var(--ink-700);--surface-overlay:rgb(5 1 13/.72);
--text-primary:var(--ink-000);--text-body:var(--ink-100);--text-muted:var(--ink-200);--text-faint:var(--ink-300);--text-on-accent:#fff;--text-link:var(--azure-400);--text-link-hover:var(--azure-300);
--line-subtle:rgb(255 255 255/.07);--line:rgb(255 255 255/.12);--line-strong:rgb(255 255 255/.22);--line-accent:var(--crimson-500);
--hair:1px solid var(--line-subtle);--anim-fast:var(--dur-fast) var(--ease-standard);--accent:var(--crimson-500);--accent-hover:var(--crimson-400);--accent-press:var(--crimson-600);--accent-2:var(--azure-500);--accent-2-hover:var(--azure-400);--focus-ring:var(--azure-400);
--status-in-stock:#22c993;--status-low:#ffb020;--status-out:var(--ink-300);--status-danger:var(--crimson-500);--status-info:var(--azure-500);--status-in-stock-bg:rgb(34 201 147/.12);--status-low-bg:rgb(255 176 32/.12);--status-danger-bg:rgb(254 31 62/.12);--status-info-bg:rgb(0 144 255/.12);
--gradient-brand:linear-gradient(135deg,var(--crimson-500) 0%,var(--violet-500) 52%,var(--azure-500) 100%);--gradient-brand-soft:linear-gradient(135deg,rgb(254 31 62/.16) 0%,rgb(0 144 255/.16) 100%);--gradient-text-fade:linear-gradient(180deg,rgb(5 1 13/0) 0%,var(--ink-900) 78%);
--font-display:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--font-ui:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--size-display-xl:clamp(2.5rem,6vw,4rem);--size-display-l:clamp(2.25rem,5vw,3rem);--size-display-m:clamp(2rem,4vw,2.25rem);--size-h1:1.75rem;--size-h2:1.375rem;--size-h3:1.125rem;--size-body-l:1.0625rem;--size-body:16px;--size-body-s:14px;--size-caption:13px;--size-micro:12px;
--lh-tight:1.04;--lh-heading:1.16;--lh-body:1.5;--lh-loose:1.62;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track-display:-.03em;--track-heading:-.015em;--track-body:0;--track-label:.06em;--track-micro:.14em;
--space-0:0;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--space-11:56px;--space-12:72px;--space-13:96px;--space-14:128px;
--container-max:1200px;--edge:max(var(--gutter),calc((100% - var(--container-max))/2));--container-narrow:720px;--gutter:clamp(16px,4vw,40px);--grid-gap:20px;--control-h-sm:32px;--control-h:40px;--control-h-lg:48px;--header-h:64px;
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
--shadow-1:0 1px 0 rgb(255 255 255/.05) inset,0 1px 2px rgb(0 0 0/.5);--shadow-2:0 1px 0 rgb(255 255 255/.06) inset,0 6px 20px rgb(0 0 0/.55);--shadow-3:0 1px 0 rgb(255 255 255/.07) inset,0 18px 48px rgb(0 0 0/.65);--shadow-glow-accent:0 8px 28px rgb(254 31 62/.34);--shadow-glow-azure:0 8px 28px rgb(0 144 255/.32);
--dur-instant:90ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:380ms;--ease-standard:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--motion-lift:translateY(-1px);--motion-press:scale(.98);--card-media-h:240px;
}