/* ============================================================================
   BUTTON STANDARD - Mr Splash Plumbing
   Loaded from src/header.php immediately after radius-standard.css.
   Reverts by deleting that one <link>, exactly like its sibling sheet.

   Task: msp-radius-hook-blocks-the-correct-value-20260828
   Jordan, 2026-08-29: "the get free quote button we want that button to not be
   greayed out anymore can we update the button please to be standardised do we
   have buttons in our brand library?"

   THE ANSWER TO HIS QUESTION WAS NO. _brand.json carried colour ROLES but no
   button component, and the one role governing form submits,
   cta_form_submit_orange, has been RETIRED-PENDING-RECOLOUR since the owner
   ruling of 2026-08-21 with the note "Lock the final canonical submit treatment
   at the design-tokens sign-off". That sign-off never happened, so for eight
   days there was no defined submit button at all. Measured consequence: ELEVEN
   distinct submit treatments across ten pages, including four different blues
   (#036b96 flat, #0383bf flat, and two gradients), a green in two forms, and the
   near-black this sheet fixes.

   Ledger checked before writing (rows 564 and 569 are closed preview-only work
   on the location estate, and neither defines a button treatment), so this is
   not duplicating in-flight work.

   WHY THE BUTTON LOOKED BROKEN, established rather than assumed. It is not a
   disabled state and not an accident: `.btn-darkgrey` deliberately declares
   `background:#1f2527; color:#6f6f6f`. CDP confirms the element is enabled
   (disabled false, pointer-events auto, cursor pointer, opacity 1). The label
   measures 3.09:1 against its own fill, which fails WCAG AA for normal text, so
   every reader correctly reads it as disabled. Worse, the site HAS a real locked
   state, `body button[data-msp-locked="1"] { opacity:.62 }` from the spam guard,
   so a live button and a locked one are visually near-indistinguishable.

   WHY THE LABEL CHANGES AND THE FILL DOES NOT. All four instances of
   `.btn-darkgrey` on the estate are homepage form submits, and they sit on TWO
   different panels that pull in opposite directions. Measured, with the panel
   colours sampled from the rendered page rather than read off a screenshot:

                             label     vs deep blue #036b96   vs light blue #3eb8de
     today  dark / grey      3.09:1          2.62:1                 6.74:1
     white button / blue     5.92:1          5.92:1                 2.30:1   <- fails here
     dark / WHITE label     15.53:1          2.62:1                 6.74:1   <- chosen

   The site-standard blue was ruled out by measurement, not by taste: the deep
   panel IS #036b96, so a #036b96 button on it computes to 1.00:1 and would be
   literally invisible. A white button is the best answer on that panel and the
   worst on the other. Keeping the dark fill and whitening the label is the only
   option clearing AA on both, and it is a one-property change that preserves the
   deliberate dark-against-blue contrast the page was designed with.

   SCOPE IS FULLY ENUMERATED, not assumed: 4 instances, all on `/`, two labels
   ("Get Free Quote", "Book Now"), across 12 pages probed. No other page uses
   this class.

   The canonical button spec this measurement produced is recorded in
   _brand.json under design_system.buttons, which is now the source of truth.
   ============================================================================ */

/* Repeated-class specificity behind `html body`, matching the sibling sheet's
   documented (0,4,2) pattern. `.btn-darkgrey` sets its colour at (0,1,0) with no
   !important, so this wins comfortably. */
html body .btn-darkgrey.btn-darkgrey.btn-darkgrey.btn-darkgrey,
html body .btn-darkgrey.btn-darkgrey.btn-darkgrey.btn-darkgrey:hover,
html body .btn-darkgrey.btn-darkgrey.btn-darkgrey.btn-darkgrey:focus {
  color: #ffffff !important;
}

/* Any icon inside inherits the same label colour. */
html body .btn-darkgrey.btn-darkgrey.btn-darkgrey.btn-darkgrey i,
html body .btn-darkgrey.btn-darkgrey.btn-darkgrey.btn-darkgrey svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}