/**
 * Billionaire Barber — Base CSS
 *
 * Foundational custom properties and a minimal reset scoped ONLY to the
 * custom header/footer chrome added by this child theme. This file must
 * NOT perform a site-wide reset — the page body content is built with
 * Elementor and must be left untouched.
 */

:root {
	--bbp-gold: #C9A227;
	--bbp-gold-light: #E3CA78;
	--bbp-gold-dark: #a9860f;
	--bbp-bg-header: #1C1C1C;
	--bbp-bg-footer: #0A0A0A;
	--bbp-announcement-text: #241C08;
	--bbp-text-white: #FFFFFF;
	--bbp-text-muted: #9A9A9A;
	--bbp-text-link: #B5B5B5;
	--bbp-text-copyright: #8C8C8C;
	--bbp-border-subtle: rgba(255,255,255,0.08);
	--bbp-font-family: 'Lato', sans-serif;
	--bbp-container-width: 1200px;

	/* Homepage content-section tokens (Figma design). */
	--bbp-bg-section: #0D0D0D;
	--bbp-bg-card: #1b1b1b;
	--bbp-border-card: #2c2c2c;
	--bbp-gold-gradient-start: #B9941E;
	--bbp-gold-gradient-end: #8C7323;
	--bbp-content-width: 1546px;
	--bbp-heading-font: 'Gin Test Round', 'Anton', sans-serif;
}

/* Reset scoped to the custom header/footer chrome only. */
#bbp-site-header,
#bbp-site-header *,
#bbp-site-footer,
#bbp-site-footer *,
.bbp-announcement-bar,
.bbp-announcement-bar * {
	box-sizing: border-box;
}

#bbp-site-header img,
#bbp-site-footer img {
	max-width: 100%;
	height: auto;
}

#bbp-site-header a,
#bbp-site-footer a {
	text-decoration: none;
}

#bbp-site-header ul,
#bbp-site-footer ul {
	margin: 0;
	padding: 0;
}