:root {--surface-base: #f3f1ec;--surface-card: #ffffff;--surface-sunken: #faf9f6;--surface-accent: #f0ede5;--surface-inverse: #1d1a17;--surface-selected: #fdf7f6;--text-primary: #17130f;--text-body: #17130fb8;--text-muted: #17130f99;--text-faint: #17130f73;--border-hairline: #17130f1f;--border-card: #17130f24;--border-control: #17130f33;--border-strong: #17130f4d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--type-display: clamp(2.5rem, 2.5rem + 1.625vw, 4.125rem);--type-price: clamp(1.3125rem, 1.3125rem + 0.125vw, 1.4375rem);--type-body-lg: 1rem;--type-body: 0.90625rem;--type-meta: 0.8125rem;--type-label: 0.65625rem;--measure: 68ch;--topbar-h: 72px;--shadow-bottombar: 0 -6px 18px rgba(23,19,15,.06);--text-on-dark-primary: #ffffff;--text-on-dark-strong: #f3f1eceb;--text-on-dark-body: #f3f1ecc7;--text-on-dark-muted: #f3f1ec99;--text-on-dark-faint: #f3f1ec80;--surface-on-dark: #f3f1ec14;--type-price-lg: clamp(1.75rem, 1.75rem + 0.375vw, 2.125rem);--hit-target-min: 44px;}