/*
Theme Name:   Black Ember Child
Description:  Child theme of Hello Elementor for the Black Ember store. Holds design tokens and small helpers only; all content lives in Elementor and WooCommerce.
Template:     hello-elementor
Version:      1.0.0
Requires at least: 6.6
Requires PHP: 8.1
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  black-ember
*/

/*
 * Design tokens. Each one reads the matching Elementor Global Color first
 * (Site Settings → Global Colors), so the client recolours the site there.
 * The hex values are only fallbacks for screens Elementor does not style.
 * Declared on body too: Elementor defines its --e-global-* variables on the kit's
 * body class, so tokens resolved on :root alone would never see them.
 */
:root,
body {
	color-scheme: light;
	--paper: var(--e-global-color-primary, #F4EDE2);
	--paper2: var(--e-global-color-paper2, #ECE3D4);
	--tile: var(--e-global-color-tile, #E3D8C6);
	--line: var(--e-global-color-line, #D8CCBB);
	--text: var(--e-global-color-text, #16120E);
	--muted: var(--e-global-color-muted, #5F5346);
	--soft: var(--e-global-color-soft, #7A6D5E);
	--ink: var(--e-global-color-secondary, #0B0908);
	--ink2: var(--e-global-color-ink2, #16120E);
	--bone: var(--e-global-color-bone, #EFE5D4);
	--ash: var(--e-global-color-ash, #B2A491);
	--dline: rgba(239, 229, 212, .14);
	--amber: var(--e-global-color-accent, #B97F35);
	--amber-hi: var(--e-global-color-amberhi, #E0B26A);
	--gold: var(--e-global-color-gold, #C9A35A);
	--ember: var(--e-global-color-ember, #F06A2A);
	--sale: var(--e-global-color-salered, #9A2E1A);

	--f: var(--e-global-typography-primary-font-family, "Montserrat"), "Helvetica Neue", Arial, sans-serif;
	--f-serif: var(--e-global-typography-secondary-font-family, "Cormorant Garamond"), Georgia, serif;
	--f-display: var(--e-global-typography-text-font-family, "Italiana"), Georgia, serif;
	--f-didone: var(--e-global-typography-accent-font-family, "Bodoni Moda"), Georgia, serif;
	--f-mono: var(--e-global-typography-mono-font-family, "DM Mono"), ui-monospace, monospace;

	--gl: max(32px, env(safe-area-inset-left, 0px));
	--gr: max(32px, env(safe-area-inset-right, 0px));
	--hdr: calc(84px + var(--be-bar-h, 0px)); /* header row + the demo bar when there is one */
	--maxw: 1240px;

	--ease-lux: cubic-bezier(.2, .7, .2, 1);
	--ease-out: cubic-bezier(.25, 1, .5, 1);
}

/* Reference final value (site.css v24+): 120px whenever the header has two rows. */
@media (max-width: 1260px) {
	:root, body { --hdr: calc(120px + var(--be-bar-h, 0px)); }
}

@media (max-width: 640px) {
	:root,
	body {
		--gl: max(18px, env(safe-area-inset-left, 0px));
		--gr: max(18px, env(safe-area-inset-right, 0px));
	}
}