/* ============================================================
   Quiet Rebel™ — Sienna Warmth palette
   go.reneeshupe.com shared brand tokens
   ------------------------------------------------------------
   SINGLE SOURCE OF TRUTH for colour on every go page.

   Injected into every HTML response by functions/_middleware.js,
   through the same HTMLRewriter that injects the GA4 tag. There
   is no build step and no per-page <link>, so a new page picks
   this up automatically.

   Token names and hexes are kept IDENTICAL to the WordPress
   child theme quiet-rebel-astra-child-test (style.css, v1.1.2),
   so the two sites cannot drift. If a colour changes there, it
   changes here, and nowhere else.

   THE ACCENT SPLIT. This palette has two warm accents doing
   different jobs, where the old one had a single accent doing
   both. Do not swap their jobs.

     --qr-accent  = action. Watermelon means "click me". Buttons
                    and links ONLY, never a large fill.
     --qr-sienna  = brand. Structural and calm. Eyebrows, rules,
                    borders, quote marks, decorative marks.
     --qr-teal    = large fills, the CTA band.

   Reference: Brand/Brand Assets/brand-standards.md
   Palette source: Offers/Your Quiet Edge/YQE-Brand-Palette-and-Type-Spec.md
   ============================================================ */

:root {
	/* ── Darks ─────────────────────────────────────────────── */
	--qr-brown:        #4E3326; /* Warm Brown — darkest colour, headings, dark bands */
	--qr-brown-lift:   #63432F; /* lifted warm brown — gradient tops, hover bands */
	--qr-brown-deep:   #3A251A; /* deepest warm brown — gradient bottoms */
	--qr-espresso:     #2C1A0E; /* unchanged from the old palette, still works */

	/* ── Lights ────────────────────────────────────────────── */
	--qr-fog:          #FAF2E7; /* Warm Ivory — page and light section background */
	--qr-fog-mid:      #F0E4D2; /* Warm Ivory Mid — secondary light sections */
	--qr-fog-tint:     #FBF6EE; /* faintest ivory — alternating rows */
	--qr-off-white:    #FDF9F2; /* card ground that still reads warm */
	--qr-white:        #ffffff;

	/* ── Action accent: buttons and links ONLY ─────────────── */
	--qr-accent:       #FF3D57; /* Watermelon */
	--qr-accent-dark:  #E62945; /* Watermelon Deep — hover / pressed / focus */
	--qr-accent-wash:  #FFE4E8; /* pale watermelon — pill and tag backgrounds */

	/* ── Brand accent: eyebrows, rules, borders, marks ─────── */
	--qr-sienna:       #B0512A; /* Burnt Sienna */
	--qr-sienna-dark:  #8E3F1F; /* Burnt Sienna hover / pressed */

	/* ── Teal: large fills and the CTA band ────────────────── */
	--qr-teal:         #2C8C82; /* Teal — CTA band fill */
	--qr-teal-ink:     #20685F; /* Teal Ink — teal that has to carry text */
	--qr-teal-deep:    #17504A; /* Teal Ink hover / pressed */
	--qr-teal-tint:    #E4F1EE; /* soft teal fill behind chips and tags */

	/* ── Accents that sit ON a dark band ───────────────────── */
	/* Light Teal is the one colour here that is NOT in the YQE
	   spec. The spec has no dark bands; these pages have many.
	   Aquamarine #7FFFD4 reads cold against warm brown, and the
	   spec's Teal only reaches 2.8:1 on it. #7FD9C9 is that teal
	   lightened to 6.9:1, so it stays in the family and stays
	   legible. */
	--qr-light-teal:   #7FD9C9;
	--qr-on-dark:      #F5E9DA; /* body copy on a warm brown band, 9.6:1 */
	--qr-on-dark-soft: #C9B7A6; /* secondary copy on a dark band, 5.9:1 */

	/* ── Text on light ─────────────────────────────────────── */
	--qr-body:         #5C4436; /* body copy, 8.1:1 on Warm Ivory */
	--qr-body-soft:    #6F564A; /* secondary copy, card excerpts */
	--qr-body-light:   #7A6152; /* meta, captions, fine print, 5.2:1 */

	/* ── Lines ─────────────────────────────────────────────── */
	--qr-border:       #E5D6C2; /* hairlines, card edges, dividers */
	--qr-border-soft:  #EFE3D3; /* the quieter divider */
}