/**
 * Laila Love brand tokens — sampled from the 2026 branding PDF.
 * Swap @font-face files later for CocoSharp Heavy / MADE Tommy Thin.
 */

@font-face {
	font-family: "Laila Display";
	src: url("assets/fonts/Poppins-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Laila Body";
	src: url("assets/fonts/Poppins-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

:root {
	--laila-pink-tone: #97193b;
	--laila-pink-tone-rgb: 151, 25, 59;
	--laila-pink-light: #e1a2af;
	--laila-pink-light-rgb: 225, 162, 175;
	--laila-brown: #954a1d;
	--laila-brown-rgb: 149, 74, 29;
	--laila-beige: #cbc0a6;
	--laila-beige-rgb: 203, 192, 166;
	--laila-black: #000000;
	--laila-black-rgb: 0, 0, 0;
	--laila-surface: #f4f0e6;
	--laila-pink-hover: #7a1430;

	--laila-font-display: "Laila Display", Poppins, system-ui, sans-serif;
	--laila-font-body: "Laila Body", Poppins, system-ui, sans-serif;

	/* Legacy aliases used by existing child CSS */
	--leila-pink: var(--laila-pink-light);
	--leila-pink-light: var(--laila-beige);
	--leila-pink-deep: var(--laila-pink-tone);
	--leila-black: var(--laila-black);
	--leila-black-soft: #121212;

	/* WoodMart */
	--wd-primary-color: var(--laila-pink-tone);
	--wd-alternative-color: var(--laila-black);
	--wd-link-color: var(--laila-pink-tone);
	--btn-default-bgcolor: var(--laila-pink-tone);
	--btn-accented-bgcolor: var(--laila-pink-tone);

	/* Bella / Dawn */
	--font-heading-family: var(--laila-font-display);
	--font-body-family: var(--laila-font-body);
	--color-button: var(--laila-pink-tone-rgb);
	--color-button-text: var(--laila-beige-rgb);
}

html,
body {
	font-family: var(--laila-font-body);
	font-weight: 300;
	font-size: 17px;
}

h1, .h1,
.entry-title,
.product_title,
.wd-entities-title,
.leila-bella-home-wrap h1,
.leila-bella-pdp .product__title h1 {
	font-family: var(--laila-font-display) !important;
	font-weight: 800 !important;
	font-size: clamp(2rem, 5vw, 2.8rem);
	line-height: 1.15;
}

h2, h3, .h2, .h3,
.wd-el-title,
.related.products > h2,
.related-products > h2 {
	font-family: var(--laila-font-display) !important;
	font-weight: 800 !important;
	font-size: 24px;
	line-height: 1.25;
}

h4, h5, h6,
p, li, label, input, select, textarea, .price, .wd-product-cats {
	font-family: var(--laila-font-body);
}

.leila-bella-header-wrap .header__heading-logo,
.leila-bella-header-wrap .header__heading-logo,
.leila-footer__logo,
.whb-header .site-logo img,
.whb-header .wd-logo img {
	max-height: 56px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}