/* =========================================================================
   Close The Deal - contrast corrections
   Added 2026-08-25.

   Coral, teal and gray each carry text on BOTH dark and light sections, and no
   single value passes AA on both. Measured, small text, 4.5:1 needed:

                     on black        on cream/white
     coral #B84A26     4.05  fail        5.19  pass
     coral #D85A30     5.03  pass        3.87  fail
     teal  #1D9E75     6.09  pass        3.13  fail
     teal  #157A5A     3.96  fail        5.10  pass
     gray  #6B6B66     3.92  fail        5.36  pass

   So each palette token keeps the value that works on LIGHT backgrounds, which
   is the common case, and these rules swap in the lighter sibling inside dark
   sections. Nothing new was invented: every value here is already in the brand
   palette, just used where it actually passes.

   !important IS REQUIRED. WordPress emits its preset colour classes as
       :root :where(.has-coral-color){ color: var(...) !important }
   so a plain rule here silently loses. Verified: the first version of this file
   without !important changed nothing at all on the live page.
   ====================================================================== */

/* --- light backgrounds --------------------------------------------------- */
/* Teal needs the darker sibling to clear 4.5:1. Coral and gray already pass. */
.has-teal-color { color: #157A5A !important; }

/* --- dark sections ------------------------------------------------------- */
.has-black-background-color .has-coral-color,
.has-dark-background-color  .has-coral-color { color: #D85A30 !important; }

.has-black-background-color .has-teal-color,
.has-dark-background-color  .has-teal-color  { color: #1D9E75 !important; }

.has-black-background-color .has-gray-color,
.has-dark-background-color  .has-gray-color  { color: #A8A8A2 !important; }

/* -------------------------------------------------------------------------
   Headings inside dark sections.

   theme.json sets a global h2 colour of #141414. A heading with no colour class
   of its own takes that global value instead of inheriting the dark section's
   cream, which rendered "Here to buy, not sell?" as #141414 text on a #141414
   background - contrast 1.0, completely invisible on the live homepage.

   Only headings WITHOUT an explicit colour class are corrected, so anything
   deliberately coloured is left alone.
   ---------------------------------------------------------------------- */
.has-black-background-color h1:not([class*="-color"]),
.has-black-background-color h2:not([class*="-color"]),
.has-black-background-color h3:not([class*="-color"]),
.has-black-background-color h4:not([class*="-color"]),
.has-dark-background-color  h1:not([class*="-color"]),
.has-dark-background-color  h2:not([class*="-color"]),
.has-dark-background-color  h3:not([class*="-color"]),
.has-dark-background-color  h4:not([class*="-color"]) { color: inherit !important; }

/* -------------------------------------------------------------------------
   Teal as a BACKGROUND carrying white text.
   White on #1D9E75 is 3.39:1. On #157A5A it is 5.10:1. Same darker sibling
   already used for teal text on light backgrounds, so no new colour.
   ---------------------------------------------------------------------- */
.has-teal-background-color { background-color: #157A5A !important; }