:root {
 --bbox-header-background:var(--bbox-surface);
 --bbox-footer-background:var(--bbox-dark);
 --bbox-footer-color:var(--bbox-surface);
 --bbox-footer-accent:var(--bbox-gold-bright);
 --bbox-base-size:16px;
 --bbox-line-height:190%;
 --bbox-section-spacing:32px;
 --bbox-bg:#f5f2eb;
 --bbox-surface: #fff;
 --bbox-surface-soft:#fbfaf7;
 --bbox-dark:#0c0f14;
 --bbox-dark-raised:#171b22;
 --bbox-gold:#c99a2e;
 --bbox-gold-bright:#f0c85a;
 --bbox-gold-deep:#8a6417;
 --bbox-gold-soft:#f8eed8;
 --bbox-text: #202226;
 --bbox-muted: #74727a;
 --bbox-border:#e6dccb;
 --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: .875rem;
 --bbox-text-lg: 1rem;
 --bbox-text-xl: 1.2rem;
 --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.15rem;
 --bbox-radius-pill: 999px;
 --bbox-shadow:0 10px 30px rgb(25 20 12 / 7%);
 --bbox-shadow-lg:0 24px 70px rgb(10 12 16 / 16%);
 --bbox-container: 1360px;
 --bbox-reading: 850px;
 --bbox-control-height: 46px;

 --bbox-gold-line:rgb(201 154 46 / 28%);
 --bbox-gold-glow:rgb(240 200 90 / 18%);
 --bbox-glass:rgb(255 255 255 / 82%);
 --bbox-glass-dark:rgb(12 15 20 / 88%);
 --bbox-shadow-soft:0 12px 40px rgb(24 20 13 / 6%);
 --bbox-shadow-gold:0 18px 48px rgb(138 100 23 / 10%);
 --bbox-gradient-gold:linear-gradient(135deg,#f4d578 0%,#c99427 52%,#9c6d13 100%);
 --bbox-gradient-dark:linear-gradient(145deg,#0b0e13 0%,#171b22 52%,#0d1015 100%);
 --bbox-transition:160ms cubic-bezier(.2,.7,.2,1);
 /* 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;
 --bbox-breakpoint-desktop: 783px;
 --bbox-layer-menu: 30;
 --bbox-layer-header: 40;
 --bbox-layer-purchase: 50;
 --bbox-layer-nav: 60;
 --bbox-layer-dialog: 100;
}