:root {
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f8f3ee;
  --blush: #f5e1df;
  --mint: #dcebe4;
  --ink: #0a0a0a;
  --ink-muted: #5e5650;
  --on-ink: #ffffff;
  --scrim: rgba(10,10,10,0.45);
  --line: #ece4dc;
  --border-strong: #8a7f76;
  --rose-gold: #c08670;
  --rose-gold-ink: #8c4f3b;
  --on-rose-gold: #0a0a0a;
  --success: #1e6b47;
  --danger: #b3261e;
  --focus-ring: var(--rose-gold-ink);
  --link: var(--ink);
  --shadow-md: 0 16px 40px rgba(10,10,10,0.12);
  --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-24: 96px;
  --radius-none: 0; --radius-xs: 6px; --radius-md: 16px; --radius-pill: 999px;
  --container-max: 1280px; --content-max: 720px; --header-height: 72px;
  --bp-mobile: 375px; --bp-tablet: 768px; --bp-laptop: 1024px; --bp-desktop: 1440px;
  --grid-columns-mobile: 4; --grid-columns-tablet: 8; --grid-columns-desktop: 12;
  --grid-gutter-mobile: 16px; --grid-gutter-tablet: 20px; --grid-gutter-desktop: 24px;
  --grid-margin-mobile: 16px; --grid-margin-tablet: 32px; --grid-margin-desktop: 48px;
  --ratio-packshot: 1 / 1; --ratio-hero-desktop: 16 / 7; --ratio-hero-mobile: 4 / 5;
  --ratio-category: 4 / 5; --ratio-banner: 3 / 1; --ratio-blog: 3 / 2; --ratio-brand-logo: 3 / 1;
  --z-base: 0; --z-sticky: 100; --z-dropdown: 200; --z-scrim: 300; --z-drawer: 400; --z-modal: 500; --z-toast: 600; --z-a11y: 700;
  --font-display: "Simona", "Assistant", "Segoe UI", Arial, sans-serif;
  --font-sans: "Simona", "Assistant", "Segoe UI", Arial, sans-serif;
}