/* ================================================
   PALETTE UNIFICATION — one source of truth for colour
   ================================================
   The same palette NAME resolved to two different hexes
   depending on which code path painted it:

     .bg__* classes in dist/css/style.css   -> old values
     the pastel map in hero-adaptive.php    -> new values
     library/brand-palette.php (a copy)     -> new values

   So an editor picking "violet_light" in a form section got
   #cdc8e1, and picking the same name in a logo grid or hero
   got #F3E6FF. Same label, visibly different colour, which is
   why continuous backgrounds across two stacked sections could
   not be made to line up.

   This file republishes the eight disagreeing names with the
   pastel values, making the classes agree with both PHP maps.

   WHY NOT FIX dist/css/style.css
   Same reason as palette-additions.css: the gulp pipeline is
   unbuildable (.nvmrc pins Node 7, node_modules absent) and a
   rebuild would drag in every unreviewed SCSS change since.
   Loaded after main-stylesheet so it simply wins the cascade.

   SELECTORS are lifted verbatim from the compiled stylesheet,
   so cards, quote blocks and section backgrounds all move
   together. Do not hand-edit; regenerate if dist changes.

   CONTRAST: black body text (#1e1e23) scores 13.9-16.6 on
   every new value, all well above the 4.5 minimum. White text
   already failed on the OLD values (1.17-1.62), so nothing
   that reads correctly today stops reading correctly.

   ORDER OF OPERATIONS for `white`: run the white -> grey
   content migration on an environment BEFORE this file reaches
   it, or the 37 sections still holding "white" will jump from
   the old lavender grey to pure white.
   ================================================ */


/* white: #f0ebf0 -> #ffffff  (true white; was a lavender grey identical to grey) */
.block-colour-bg__white,
.huge.featured-card-bg__white .card--content-wrapper,
.large.featured-card-bg__white .card--content-wrapper,
.card_bg__white,
.bg__white {
    background-color: #ffffff;
    color: #1e1e23;
}

/* grey: #f0ebf0 -> #f5f5f5  (neutral grey; was lavender-tinted) */
.block-colour-bg__grey,
.huge.featured-card-bg__grey .card--content-wrapper,
.large.featured-card-bg__grey .card--content-wrapper,
.card_bg__grey,
.bg__grey {
    background-color: #f5f5f5;
    color: #1e1e23;
}

/* green_light: #b4ffb4 -> #d4f4dd  (muted mint) */
.block-colour-bg__green_light,
.huge.featured-card-bg__green_light .card--content-wrapper,
.large.featured-card-bg__green_light .card--content-wrapper,
.card_bg__green_light,
.bg__green_light {
    background-color: #d4f4dd;
    color: #1e1e23;
}

/* orange_light: #e6d7cd -> #fff4e6  (warm cream) */
.block-colour-bg__orange_light,
.huge.featured-card-bg__orange_light .card--content-wrapper,
.large.featured-card-bg__orange_light .card--content-wrapper,
.card_bg__orange_light,
.bg__orange_light {
    background-color: #fff4e6;
    color: #1e1e23;
}

/* violet_light: #cdc8e1 -> #f3e6ff  (soft lavender) */
.block-colour-bg__violet_light,
.huge.featured-card-bg__violet_light .card--content-wrapper,
.large.featured-card-bg__violet_light .card--content-wrapper,
.card_bg__violet_light,
.bg__violet_light {
    background-color: #f3e6ff;
    color: #1e1e23;
}

/* magenta_light: #e1cde1 -> #ffe6f3  (soft pink) */
.block-colour-bg__magenta_light,
.huge.featured-card-bg__magenta_light .card--content-wrapper,
.large.featured-card-bg__magenta_light .card--content-wrapper,
.card_bg__magenta_light,
.bg__magenta_light {
    background-color: #ffe6f3;
    color: #1e1e23;
}

/* yellow_light: #ffedae -> #fffbe6  (pale cream) */
.block-colour-bg__yellow_light,
.huge.featured-card-bg__yellow_light .card--content-wrapper,
.large.featured-card-bg__yellow_light .card--content-wrapper,
.card_bg__yellow_light,
.bg__yellow_light {
    background-color: #fffbe6;
    color: #1e1e23;
}

/* blue_light: #bee1eb -> #e6f3ff  (pale sky) */
.block-colour-bg__blue_light,
.huge.featured-card-bg__blue_light .card--content-wrapper,
.large.featured-card-bg__blue_light .card--content-wrapper,
.card_bg__blue_light,
.bg__blue_light {
    background-color: #e6f3ff;
    color: #1e1e23;
}