/**
 * BullZIGA design tokens — single source for theme CSS.
 * See docs/BRANDING-GUIDELINES.md
 */
:root {
	/* Brand */
	--bz-red: #a31820;
	--bz-red-dark: #86141b;
	--bz-accent: #ff1847;
	--bz-btn-hover: #86141b;
	--bz-product-green: #084a21;
	--bz-product-green-dark: #063818;
	--bz-product-green-soft: rgba(8, 74, 33, 0.08);
	--bz-black: #111111;
	--bz-dark: #1a1a1a;
	--bz-topbar: #2b2b2b;
	--bz-text: #222222;
	--bz-muted: #666666;
	--bz-border: #e5e5e5;
	--bz-wash: #f5f5f5;
	--bz-white: #ffffff;
	--bz-hero-blob: #e8e8e8;
	--bz-hero-ring: #d0d0d0;

	/* Semantic aliases (shop / cart imports) */
	--bz-brand: var(--bz-red);
	--bz-brand-dark: var(--bz-red-dark);
	--bz-navy: var(--bz-black);
	--bz-navy-deep: #0a0a0a;
	--bz-navy-mid: #2b2b2b;
	--bz-surface: var(--bz-white);
	--bz-surface-muted: var(--bz-wash);

	/* Type — Open Sans hosted locally (assets/fonts/open-sans + fonts.css) */
	--bz-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--bz-font-family: var(--bz-font); /* alias used by catalog / cart CSS */
	--bz-font-display: var(--bz-font);
	--bz-fs-body: 1rem;
	--bz-fs-lead: 1.0625rem;
	--bz-fs-small: 0.875rem;
	--bz-fs-h1: clamp(2rem, 5vw, 3.25rem);
	--bz-fs-h2: clamp(1.5rem, 3.2vw, 2.25rem);
	--bz-fs-h3: clamp(1.2rem, 2.2vw, 1.4rem);
	--bz-fs-h4: clamp(1.05rem, 1.6vw, 1.2rem);
	--bz-fs-h5: 1rem;
	--bz-fs-h6: 0.875rem;
	--bz-lh-tight: 1.15;
	--bz-lh-snug: 1.35;
	--bz-lh-body: 1.6;
	--bz-tracking-tight: -0.02em;
	--bz-tracking-wide: 0.02em;

	/* Spacing scale */
	--bz-space-1: 0.25rem;
	--bz-space-2: 0.5rem;
	--bz-space-3: 0.75rem;
	--bz-space-4: 1rem;
	--bz-space-5: 1.25rem;
	--bz-space-6: 1.5rem;
	--bz-space-7: 2rem;
	--bz-space-8: 2.5rem;
	--bz-space-9: 3rem;
	--bz-space-10: 4rem;

	/* Layout — containers */
	--bz-container: 1160px;
	--bz-container-wide: 1280px;
	--bz-container-narrow: 42rem;
	--bz-gutter: 1rem;

	/* Layout — section rhythm (mobile first) */
	--bz-section-pad-y: 3rem;
	--bz-section-pad-y-sm: 2.25rem;
	--bz-section-pad-y-lg: 3.75rem;
	--bz-section-min-h: 18rem;
	--bz-stack: 1.25rem;
	--bz-stack-lg: 2rem;
	--bz-copy-max: 36rem;
	--bz-prose-max: 42rem;
	/* Fixed header (topbar + logo/nav bar) — bar sized for 100px logo */
	--bz-topbar-h: 2.75rem;
	--bz-logo-h: 56px;
	--bz-header-bar-h: calc(var(--bz-logo-h) + 0.5rem);
	--bz-header-height: calc(var(--bz-topbar-h) + var(--bz-header-bar-h));
	--bz-header-offset: var(--bz-header-height);

	/* Inner hero — one fixed band on every page */
	--bz-inner-hero-h: 17.5rem; /* 280px mobile */
	--bz-inner-hero-pad-y: 1.5rem;
	--bz-inner-hero-copy-max: 34rem;
	--bz-inner-hero-visual-w: 52%;


	/* Heading underline — one global rule for all section titles */
	--bz-heading-underline-color: #000;
	--bz-heading-underline-width: 2.5rem;
	--bz-heading-underline-thickness: 3px;
	--bz-heading-underline-gap: 0.85rem;

	/* Radius / elevation — one shared corner for buttons, cards, media */
	--bz-radius: 10px;
	--bz-radius-sm: var(--bz-radius);
	--bz-radius-md: var(--bz-radius);
	--bz-radius-lg: var(--bz-radius);
	--bz-radius-pill: 999px; /* circles / organic blobs only — not buttons */
	--bz-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
	--bz-shadow-lg: 0 14px 42px rgba(0, 0, 0, 0.1);

	/* Motion */
	--bz-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--bz-duration: 220ms;
}

/* Tablet */
@media (min-width: 768px) {
	:root {
		--bz-gutter: 1.25rem;
		--bz-section-pad-y: 3.75rem;
		--bz-section-pad-y-sm: 2.75rem;
		--bz-section-pad-y-lg: 4.75rem;
		--bz-section-min-h: 20rem;
		--bz-stack: 1.35rem;
		--bz-stack-lg: 2.25rem;
		--bz-logo-h: 80px;
		--bz-inner-hero-h: 20rem; /* 320px */
		--bz-inner-hero-pad-y: 2rem;
	}
}

/* Desktop */
@media (min-width: 1100px) {
	:root {
		--bz-gutter: 1.5rem;
		--bz-section-pad-y: 4.5rem;
		--bz-section-pad-y-sm: 3rem;
		--bz-section-pad-y-lg: 5.5rem;
		--bz-section-min-h: 22rem;
		--bz-stack-lg: 2.5rem;
		--bz-logo-h: 100px;
		--bz-inner-hero-h: 22.5rem; /* 360px — matches across all pages */
		--bz-inner-hero-pad-y: 2.25rem;
	}
}
/*bz-pad*/