/*
 * Palette roles: ink #211F1C; paper #F7F5F1; surface #FFFFFF; muted #6B655E; line #DED9D1.
 * Accent leather #8A5A3B; accent light #C9A17D; sale/burgundy #6E2A2F; promo red #B3282D; success #49634F.
 * Text: primary #211F1C; secondary #6B655E; inverse #FFFFFF; focus #8A5A3B.
 * Type families: Georgia, serif for editorial; Arial, sans-serif for interface; Cyrillic-safe fallbacks.
 * Type scale: 12, 14, 16, 18, 22, 28, 36, 48, 64px.
 * Body line height: 1.55; heading line height: 1.08; tracking: 0 to 0.12em.
 * Spacing scale (4px base): 4, 8, 12, 16, 24, 32, 48, 64, 88, 120px.
 * Container width: 1440px; reading width: 640px; page gutters: 20px mobile, 48px desktop.
 * Grid: 2 columns mobile, 4 columns wide; grid gap: 12px mobile, 24px desktop.
 * Radii: 0px editorial edges, 2px controls, 999px chips and swatches.
 * Shadows: soft overlay 0 12px 40px rgba(33,31,28,.16); raised 0 3px 12px rgba(33,31,28,.08).
 * Motion durations: 160ms quick, 260ms standard, 420ms reveal.
 * Motion easing: cubic-bezier(.2,.7,.2,1); reduced motion disables nonessential movement.
 * Surfaces stay warm and quiet; use leather accent sparingly for actions and active states.
 * Spacing and color decisions come from supplied brand and editorial design references.
 * Product photography uses local supplied images; missing product photos fall back to original inline SVG silhouettes.
 * All component dimensions should use these tokens or intrinsic content sizing.
 * Breakpoints: 480px, 768px, 1100px, 1440px.
 */
:root{--ink:#1F1512;--paper:#F7F4EF;--surface:#fff;--stone:#EDE5D8;--muted:#66584F;--line:#DDD2C2;--leather:#8A6A38;--leather-light:#C7A66F;--brass:#A07E45;--oxblood:#581A21;--olive:#44502E;--field-1:#EDE5D8;--field-2:#E3D8C6;--field-3:#DFDFD0;--field-4:#EBDDD7;--burgundy:var(--oxblood);--promo-red:var(--oxblood);--sale:var(--oxblood);--success:var(--olive);--focus:var(--oxblood);--font-editorial:Georgia,'Times New Roman',serif;--font-ui:system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;--text-xs:13px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-22:88px;--space-30:120px;--container:1440px;--reading:640px;--gutter:20px;--radius:0;--pill:999px;--shadow:0 12px 40px rgba(31,21,18,.18);--shadow-soft:0 3px 12px rgba(31,21,18,.08);--fast:160ms;--standard:260ms;--slow:420ms;--ease:cubic-bezier(.2,.7,.2,1);--logo-max:180px;--logo-max-mobile:120px;--promo-height:36px;--spin-lerp:.18;--spin-fade:120ms;--effect-reset:300ms;--tilt-max:8deg;--tilt-perspective:900px;--effect-scale:1.03;--swatch-dot:14px;--swatch-ring:20px;--cart-thumb-width:88px;--cart-thumb-height:110px;--size-thumb-width:64px;--size-thumb-height:80px;--dropdown-arrow:7px}