@layer reset,tokens,base,components,wc-overrides,utilities;@layer tokens{:root{color-scheme:light;--navy: #012245;--navy-dark: #011c3a;--teal: #097e7c;--teal-dark: #0a7370;--teal-light: #e6f3f2;--amber: #e8985a;--amber-light: #fdf1e6;--amber-dark: #d87e3c;--red: #dc3a52;--red-dark: #c22e44;--red-light: #fdecef;--green: #2e9e5b;--green-light: #eaf7ee;--ink: #1c2b3a;--gray: #4e5a6a;--gray-accessible: #4e5a6a;--gray-light: #a6b0bb;--count-text: #5a6575;--line: #e5e9ee;--bg: #f7f9fb;--white: #ffffff;--stock-low: #b5652b;--stock-out: #b02440;--stock-in: #1c7a44;--badge-amber-bg: #e9f2f0;--badge-teal-bg: #c7e6e4;--badge-amber-text: #a35a1f;--color-primary: var(--teal);--color-primary-hover: var(--teal-dark);--color-primary-soft: var(--teal-light);--color-accent: var(--amber);--color-accent-soft: var(--amber-light);--color-danger: var(--red);--color-danger-soft: var(--red-light);--color-success: var(--green);--color-success-soft: var(--green-light);--color-text: var(--ink);--color-text-muted: var(--gray);--color-heading: var(--navy);--color-border: var(--line);--color-surface: var(--white);--color-surface-alt: var(--bg);--font-display: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.625rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.16;--lh-normal: 1.5;--lh-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .875rem;--radius-2xl: 1.25rem;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(1, 34, 69, .06);--shadow-md: 0 14px 32px rgba(1, 34, 69, .09);--shadow-lg: 0 24px 48px rgba(1, 34, 69, .14);--shadow-xl: 0 32px 64px rgba(1, 34, 69, .18);--z-below: -1;--z-normal: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 9998;--z-drawer: 9999;--z-modal: 9999;--z-toast: 10005;--ease-fast: .15s ease;--ease-base: .2s ease;--ease-slow: .28s ease;--container-max: 87.5rem;--touch-target-min: 2.75rem;--catalog-sidebar-width: 18.75rem;--catalog-sidebar-mobile-width: 21.25rem;--focus-outline-width: .1875rem;--alert-info-border: #c7e6e4;--alert-success-text: #1c7a44;--alert-success-border: #c9ecd4;--alert-warning-text: #a35a1f;--alert-warning-border: #f6dcc0;--alert-danger-text: #b02440;--alert-danger-border: #f6c6cf;--foreground: var(--ink);--background: var(--white);--card: var(--white);--card-foreground: var(--ink);--popover: var(--white);--popover-foreground: var(--ink);--primary: var(--teal);--primary-foreground: var(--white);--secondary: var(--bg);--secondary-foreground: var(--ink);--muted: var(--bg);--muted-foreground: var(--gray);--accent: var(--amber);--accent-foreground: var(--navy);--destructive: var(--red);--destructive-foreground: var(--white);--destructive-muted: var(--red-light);--border: var(--line);--input: var(--line);--ring: var(--teal);--success: var(--green);--success-foreground: var(--white);--success-muted: var(--green-light);--info: var(--teal);--info-foreground: var(--teal-dark);--info-muted: var(--teal-light)}}