/* ==================================================================== * WatchGearLab v15 - Golden Baseline Recovery * * Component isolation: every component is prefixed with .wgl-* to * prevent cross-component CSS leakage. NO broad img {} selectors. * Image fit/position rules are scoped to specific component containers. * ==================================================================== */ :root { --color-bg: #ffffff; --color-paper: #faf8f5; --color-paper-2: #f5f1ea; --color-paper-3: #ece6da; --color-ink: #1a1a1a; --color-ink-2: #4a4a4a; --color-ink-3: #6a6a6a; --color-ink-4: #999999; --color-line: #e5e1d8; --color-line-2: #d8d3c5; --color-accent: #1a1a1a; --color-accent-warm: #c8a14a; --fz-xxs: 11px; --fz-xs: 12px; --fz-sm: 13px; --fz-base: 15px; --fz-md: 16px; --fz-lg: 18px; --fz-xl: 22px; --fz-2xl: 28px; --fz-3xl: 36px; --fz-4xl: 48px; --sp-0: 4px; --sp-1: 8px; --sp-2: 12px; --sp-3: 16px; --sp-4: 24px; --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px; --radius-sm: 4px; --radius: 8px; --radius-lg: 12px; --shadow-sm: 0 1px 2px rgba(0,0,0,.04); --shadow: 0 2px 8px rgba(0,0,0,.06); --hd-h: 60px; --brands-h: 44px; --container: 1280px; } /* Base reset - applied to , , ,