/* --------------------------------------------------------------
   Saffron — Customizer Color Scheme Overrides
   Loaded after main.css. Each body.scheme-{slug} block redefines
   the five --saffron-* variables main.css consumes so a single
   Customizer setting re-skins accents, bands, buttons, panels,
   and the footer band coherently.

   Class contract (applied by functions.php to <body>):
     body.scheme-terracotta      (default)
     body.scheme-sage-cream
     body.scheme-berry
     body.scheme-charcoal-gold
     body.scheme-custom          (accent overridden inline by PHP)

   Only one scheme class is applied at a time.
-------------------------------------------------------------- */

/* --------------------------------------------------------------
   1. Terracotta (default) — Accent #C45A3C / Band #FDF9F6 / Panel #2C2825
   Declared explicitly so switching away and back yields an
   identical skin to the :root defaults in main.css.
-------------------------------------------------------------- */
body.scheme-terracotta {
    --saffron-accent:      #C45A3C;
    --saffron-accent-rgb:  196, 90, 60;
    --saffron-band:        #FDF9F6;
    --saffron-panel:       #2C2825;
    --saffron-footer-band: #C45A3C;
}

body.scheme-terracotta .saffron-btn--primary:hover,
body.scheme-terracotta .wp-block-button__link:hover {
    background: #1C1917;
}

/* --------------------------------------------------------------
   2. Sage & Cream — Accent #5F7A61 / Band #F4F6F4 / Panel #222522
-------------------------------------------------------------- */
body.scheme-sage-cream {
    --saffron-accent:      #5F7A61;
    --saffron-accent-rgb:  95, 122, 97;
    --saffron-band:        #F4F6F4;
    --saffron-panel:       #222522;
    --saffron-footer-band: #5F7A61;
}

body.scheme-sage-cream .saffron-btn--primary:hover,
body.scheme-sage-cream .wp-block-button__link:hover {
    background: #131513;
}

/* --------------------------------------------------------------
   3. Berry — Accent #8B3A62 / Band #FCF8FA / Panel #261A20
-------------------------------------------------------------- */
body.scheme-berry {
    --saffron-accent:      #8B3A62;
    --saffron-accent-rgb:  139, 58, 98;
    --saffron-band:        #FCF8FA;
    --saffron-panel:       #261A20;
    --saffron-footer-band: #8B3A62;
}

body.scheme-berry .saffron-btn--primary:hover,
body.scheme-berry .wp-block-button__link:hover {
    background: #150E12;
}

/* --------------------------------------------------------------
   4. Charcoal & Gold — Accent #B8860B / Band #F9F9F9 / Panel #1A1A1A
-------------------------------------------------------------- */
body.scheme-charcoal-gold {
    --saffron-accent:      #B8860B;
    --saffron-accent-rgb:  184, 134, 11;
    --saffron-band:        #F9F9F9;
    --saffron-panel:       #1A1A1A;
    --saffron-footer-band: #B8860B;
}

body.scheme-charcoal-gold .saffron-btn--primary:hover,
body.scheme-charcoal-gold .wp-block-button__link:hover {
    background: #0A0A0A;
}

/* --------------------------------------------------------------
   5. Custom Accent Override Hook
   The values below are the working CSS fallbacks (Terracotta
   neutrals + default accent). functions.php prints an inline
   <style> AFTER this stylesheet in scheme-custom mode that sets:
       body.scheme-custom {
           --saffron-accent:      <user hex>;
           --saffron-accent-rgb:  <r, g, b>;
           --saffron-footer-band: <user hex>;
       }
   The inline rule wins by source order, so the custom accent
   re-tints every consumer of --saffron-accent in main.css
   (eyebrows, nav active, star ratings, ingredient checks,
   focus rings, comment stars) and the solid footer band, while
   the band and panel neutrals stay on the Terracotta family
   so the page still bands coherently with an arbitrary accent.

   The button hover below matches the Terracotta panel; leave it
   in place so scheme-custom remains visually stable regardless
   of the chosen accent.
-------------------------------------------------------------- */
body.scheme-custom {
    --saffron-accent:      #C45A3C;
    --saffron-accent-rgb:  196, 90, 60;
    --saffron-band:        #FDF9F6;
    --saffron-panel:       #2C2825;
    --saffron-footer-band: #C45A3C;
}

body.scheme-custom .saffron-btn--primary:hover,
body.scheme-custom .wp-block-button__link:hover {
    background: #1C1917;
}