chore: update global design tokens to match VTB brand aesthetic

[olepagedumontabg]

Extracted design tokens from the Vintage Tub & Bath screenshot and applied them across the three foundational theme files:

config/settings_data.json

• Set type_primary_font: work_sans_n4
• Set max_page_width: 110rem (wide layout)
• Set background_color: #ffffff, foreground_color: #2d2d2d
• Set input_corner_radius: 0 (rectangular inputs per brand style)

snippets/css-variables.liquid

• Retained all original font/layout/color mappings
• Added extended CSS custom properties: • Surface palette (primary #fff, secondary #f9fafb, tertiary #f3f4f6) • Header/nav colors (dark navy #1a2332 announcement bar, white nav) • Primary button tokens (dark fill #2d2d2d + white text) • Secondary/outline button tokens (transparent + dark border) • Text hierarchy (primary, secondary, muted, inverted) • Border tokens (light #e5e7eb, strong #d1d5db) • Feedback tokens (sale red #c0392b, star amber #f5a623, badges) • Footer palette (dark slate #2c3748, light text) • Promo bar palette • Border-radius tokens for buttons (0px) and cards (0px) • 8-step spacing scale • Typography scale (font sizes, weights, letter-spacing, line-height) • Shadow scale (sm/md/lg) • Transition speed tokens

assets/critical.css

• Wired new tokens into base body, heading, link styles
• Added .section-heading utility (uppercase, wide letter-spacing)
• Added .btn, .btn--primary, .btn--secondary component classes
• Added focused input styles using border tokens
• Added .card, .badge (--new / --sale), .price (--sale / --compare)
• Added .star-rating and hr divider using border tokens

https://claude.ai/code/session_01UqChF1EyNyz8UsNoV11Fhh