:root {
 --bbox-bg: #f7f4ed;
 --bbox-surface: #fff;
 --bbox-surface-soft: #faf9f6;
 --bbox-dark: #101318;
 --bbox-dark-raised: #20242c;
 --bbox-gold: #cb992f;
 --bbox-gold-bright: #f5c650;
 --bbox-gold-deep: #825c12;
 --bbox-gold-soft: #f5ead0;
 --bbox-text: #202226;
 --bbox-muted: #74727a;
 --bbox-border: #e4d9c9;
 --bbox-divider: #eee8de;
 --bbox-mint: #dff1eb;
 --bbox-green: #226e58;
 --bbox-blue: #e3edff;
 --bbox-violet: #ece3ff;
 --bbox-danger: #a53535;
 --bbox-font: Tahoma, Arial, sans-serif;
 --bbox-text-xs: .7rem;
 --bbox-text-sm: .8125rem;
 --bbox-text-md: .9375rem;
 --bbox-text-lg: 1.125rem;
 --bbox-text-xl: 1.4rem;
 --bbox-text-2xl: clamp(1.45rem, 2.1vw, 2rem);
 --bbox-weight-regular: 400;
 --bbox-weight-medium: 600;
 --bbox-weight-bold: 700;
 --bbox-space-1: .25rem;
 --bbox-space-2: .5rem;
 --bbox-space-3: .75rem;
 --bbox-space-4: 1rem;
 --bbox-space-5: 1.25rem;
 --bbox-space-6: 1.5rem;
 --bbox-space-8: 2rem;
 --bbox-space-10: 2.5rem;
 --bbox-space-12: 3rem;
 --bbox-radius-sm: .65rem;
 --bbox-radius-md: 1rem;
 --bbox-radius-lg: 1.4rem;
 --bbox-radius-pill: 999px;
 --bbox-shadow: 0 8px 18px rgb(49 39 23 / 7%);
 --bbox-shadow-lg: 0 18px 55px rgb(16 19 24 / 18%);
 --bbox-container: 1360px;
 --bbox-reading: 850px;
 --bbox-control-height: 46px;
 --bbox-header-height: 88px;
 --bbox-announcement-height: 25px;
 --bbox-mobile-header-height: 70px;
 --bbox-mobile-nav-height: 82px;
 --bbox-product-image-ratio: 1 / 1.08;
 --bbox-transition: 160ms ease;
 /* Media queries use 1100px, 782px and 480px. Custom properties cannot drive media queries. */
 --bbox-breakpoint-wide: 1100px;
 --bbox-breakpoint-mobile: 782px;
 --bbox-breakpoint-small: 480px;
}