/*
Theme Name: quiet-rebel-astra-child-test
Template: astra
Text Domain: quiet-rebel-astra-child-test
Description: Scoped test — Astra as parent theme, Brand B (Quiet Rebel) colors and typography applied via this child stylesheet. header.php/footer.php are intentionally NOT defined in this theme so Astra's own header/footer builder and per-page meta boxes (title/header/footer visibility) work natively, unmodified. Content templates also fall through to Astra's defaults for now — this is a scoped test of the mechanism, not a full redesign.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

/* ============================================================
   Brand B (Quiet Rebel™) applied on top of Astra.
   ============================================================ */

:root {
	/* Astra's own global-color-palette CSS variables. Overriding these
	   fixes this child theme's look AND, as a side effect, the legacy
	   GreenShift blocks on checkout/dashboard/login/sales pages that
	   reference var(--wp--preset--color--ast-global-color-0..8) but had
	   nothing to resolve to while Astra was inactive. This is a
	   best-effort slot mapping — check those specific legacy pages once
	   you preview and flag anything that looks like the wrong color in
	   the wrong slot. */
	--ast-global-color-0: #C4622D; /* Ember — primary / CTAs */
	--ast-global-color-1: #8a3e1a; /* Ember Dark — hover / pressed */
	--ast-global-color-2: #341539; /* Deep Purple — headings, dark text */
	--ast-global-color-3: #341539; /* Deep Purple — body text */
	--ast-global-color-4: #E8E4DF; /* Fog — light section backgrounds */
	--ast-global-color-5: #ffffff; /* White — cards, contrast on fog */
	--ast-global-color-6: #7FFFD4; /* Aquamarine — accents on dark purple only */
	--ast-global-color-7: #2C1A0E; /* Espresso — alt dark section */
	--ast-global-color-8: #D0C9C0; /* Fog Mid — secondary light sections */
}

body {
	font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #341539;
	background: #ffffff;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
	font-weight: 600;
	font-style: italic;
	line-height: 1.25;
	color: #341539;
}
h1 { font-size: 60px; }
h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 30px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }

a { color: #341539; }
a:hover, a:focus { color: #8a3e1a; }

/* Astra's own button classes, as a belt-and-suspenders layer alongside
   the CSS variable overrides above (covers anywhere Astra reads a
   theme_mod color directly instead of the ast-global-color vars). */
.ast-button,
button,
.button,
[type="submit"] {
	background-color: #C4622D;
	border-color: #C4622D;
	color: #ffffff;
}
.ast-button:hover,
button:hover,
.button:hover,
[type="submit"]:hover {
	background-color: #8a3e1a;
	border-color: #8a3e1a;
}