/* Shared design vocabulary; inner-page component tokens remain below. */
:root {
 --bz-bg: #0C1110; --bz-secondary: #17211C; --bz-panel: #23332C;
 --bz-text: #ECEBE4; --bz-muted: #B7BEB4; --bz-green: #8DB595;
 --bz-warm: #D6C6A3; --bz-red: #A72E24; --bz-border: #405347;
 --bz-white: #fff; --bz-overlay: 12,17,16; --bz-hero-opacity: .84;
 --bz-space-1: .5rem; --bz-space-2: 1rem; --bz-space-3: 1.5rem;
 --bz-space-4: 2rem; --bz-space-5: 3rem; --bz-space-6: 4.5rem; --bz-space-7: 6rem;
 --bz-shell: 75rem; --bz-gutter: clamp(1.25rem,5vw,4rem);
 --bz-heading-xl: clamp(3.5rem,6.2vw,6rem); --bz-heading-lg: clamp(3rem,5vw,5rem);
 --bz-heading-sm: 1.6rem; --bz-body: 1.125rem; --bz-small: .95rem; --bz-label: .6875rem;
 --bz-leading-heading: .97; --bz-leading-body: 1.65;
 --bz-rule: 1px solid var(--bz-border); --bz-focus: 3px solid var(--bz-warm);
 --bz-button-height: 3.25rem; --bz-motion: 150ms ease;
}
/* Breakpoints: navigation/hero 60rem; compact book/mobile 42rem.
   Media queries use literals because variables cannot define breakpoints. */
:where(.brizeen-header, .brizeen-footer, .brizeen-single, .brizeen-blog, .brizeen-contact, .brizeen-trailer) {
	--brizeen-width: 90rem;
	--brizeen-gap: clamp(1rem, 3vw, 3rem);
	--brizeen-text: #f5f5f5;
	--brizeen-surface: #171717;
	--brizeen-border: #606060;
	--brizeen-muted: #c4c4c4;
}