/* The logo colours, same as the shop (owner, 28 Oct 2026): page = the logo green #3B4E00 with soft watercolour pink and
   lilac here and there, headings = the logo orange (a brighter shade of it straight on the green so it stays readable,
   the exact #BA6C00 inside light cards), header/footer in deeper greens, orange buttons, pop-ups in the same family.
   Loaded LAST (after theme-green.css and the page styles); remove its <link> in views/partials/top.ejs to go back. */

body, body.is-holiday {
  --paper: #3B4E00; --paper-2: #455A06; --wash-peach: #455A06; --wash-sage: #40540A;
  --olive: #3B4E00; --olive-dark: #2C3A00;
  --orange: #BA6C00; --orange-dark: #F0A848;
  --gold: #F0A848; --night: #2C3A00; --berry: #F0A848;
  --logo-orange: #BA6C00; --logo-green: #3B4E00; --orange-on-green: #F0A848;
  background: #3B4E00;
}
/* soft watercolour blooms: pink, lilac and a little orange, fixed behind everything */
html { background: #3B4E00; }
html::before { content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none; background:
  radial-gradient(ellipse 620px 460px at 4% 6%, rgba(236, 160, 178, .30), transparent 70%),
  radial-gradient(ellipse 520px 420px at 14% 16%, rgba(176, 146, 214, .26), transparent 70%),
  radial-gradient(ellipse 760px 560px at 100% 34%, rgba(186, 108, 0, .18), transparent 70%),
  radial-gradient(ellipse 560px 480px at 96% 62%, rgba(176, 146, 214, .24), transparent 72%),
  radial-gradient(ellipse 600px 520px at 2% 82%, rgba(236, 160, 178, .24), transparent 72%),
  radial-gradient(ellipse 820px 600px at 60% 104%, rgba(176, 146, 214, .20), transparent 72%),
  radial-gradient(ellipse 700px 600px at 40% 50%, rgba(20, 30, 0, .30), transparent 75%), #3B4E00; }
body, body.is-holiday { background: transparent; }

/* headings: logo orange */
h1, h2, h3, .is-holiday h1, .is-holiday h2, .is-holiday h3 { color: var(--orange-on-green); }
h1 strong, h2 strong, .is-holiday h1 strong, .is-holiday h2 strong { color: #F6D2DA; }
a { color: var(--orange-on-green); }
.eyebrow, .is-holiday .eyebrow { color: #F6D2DA; }
.eyebrow::before { background: #F6D2DA; }

/* header, bands, footer: the shop's greens */
.hdr, .is-holiday .hdr { background: #2C3A00; }
.hdr__nav a:hover, .hdr__subbtn:hover, .hdr__nav [aria-current="page"], .is-holiday .hdr__nav a:hover, .is-holiday .hdr__nav [aria-current="page"] { color: var(--orange-on-green); }
.band, .is-holiday .band:not(.band--green) { background: rgba(44, 58, 0, .28); }
.band--green, .is-holiday .band--green { background: #2C3A00; }
.ftr, .is-holiday .ftr { background: #243000; }
.ftr :is(h2, h3, h4) { color: var(--orange-on-green); }

/* buttons: orange, darker on hover; chips/tabs: orange when chosen */
.btn, .is-holiday .btn { background: #BA6C00; color: #fff; --fill: #2C3A00; }
.tabs a[aria-current], .chip.is-on, .tabs a.is-on, .evfilter button[aria-pressed="true"], .evfilter button.is-on { background: #BA6C00; color: #fff; }
.stat b, .stat strong { color: var(--orange-on-green); }

/* light cards and boxes: headings in the exact logo orange */
:is(.card, .path, .flip__face, .prod, .steps li, .evlist a, .ev, .mini, .form, .tile, .post, .search, .evp__card, .evh, .evgo__card, .evtix, .evprod, .evsave__box, .evsave__next, .evnext, .evnone, .evtl__item, .evcd__card, .next-pill, .nl-box, .cmhow__info, .cms__panel, .cms__subj, .cms__tech, .cms__size, .cmfaq__q, .st__nextcard, .author, .fbsec, .fb__rate, .fb__comments, .drawer__panel) :is(h1, h2, h3, h4),
:is(.evh, .evsteps, .evj__step:nth-child(even), .evdays__d, .evsave__box, .evcd__card, .cms__bar, .cmw__stage, .cmrefs, .ctech__card, .cpx__dtxt, .cpx__detail, .cpx__d) :is(h1, h2, h3, h4),
.sc:nth-of-type(even) :is(h1, h2, h3) { color: #BA6C00; }
/* a soft pink/lilac wash in the corners of the bigger light boxes */
:is(.card, .post, .form, .evh, .evnext, .st__nextcard, .author) { background-image: radial-gradient(ellipse 70% 50% at 100% 0%, rgba(236, 160, 178, .16), transparent 70%), radial-gradient(ellipse 60% 50% at 0% 100%, rgba(176, 146, 214, .13), transparent 70%); }

/* ---------- pop-ups in the logo colours (same family as the shop) ---------- */
.gpop__card, .is-holiday .gpop__card { background:
  radial-gradient(ellipse 70% 60% at 0% 0%, rgba(236, 160, 178, .30), transparent 70%),
  radial-gradient(ellipse 60% 60% at 100% 100%, rgba(176, 146, 214, .30), transparent 70%),
  linear-gradient(160deg, #3B4E00, #243000);
  box-shadow: 0 0 0 2px #BA6C00, 0 24px 46px -20px rgba(0, 0, 0, .7); }
.gpop__eyebrow { color: #F2B56B; }
.gpop__text { color: #EFE6D8; }
.gpop__go, .is-holiday .gpop__go { background: #BA6C00; color: #fff; }
.gpop__go:hover, .is-holiday .gpop__go:hover { background: #F4C3CF; color: #2C3A00; }
.gpop__pill, .is-holiday .gpop__pill { background: #3B4E00; box-shadow: 0 0 0 2px #BA6C00, 0 14px 26px -14px rgba(0, 0, 0, .7); }
.gpop__pill:hover, .is-holiday .gpop__pill:hover { background: #BA6C00; }
.evp__back { background: rgba(28, 38, 0, .55); }
.evp__card { --paper: #FFFAF3; background:
  radial-gradient(ellipse 60% 45% at 100% 0%, rgba(236, 160, 178, .28), transparent 70%),
  radial-gradient(ellipse 55% 45% at 0% 100%, rgba(176, 146, 214, .24), transparent 70%), #FFFAF3;
  box-shadow: 0 0 0 3px #3B4E00, 0 40px 90px -30px rgba(0, 0, 0, .6); }
.nl-box, .nl-pop, .is-holiday .nl-pop, .ftr__nl .nl-box, .is-holiday .ftr__nl .nl-box { --nl-accent: #BA6C00; --nl-accent-2: #D58A1F; }
.nl-pop__card { background:
  radial-gradient(ellipse 80% 60% at 100% 0%, rgba(236, 160, 178, .38), transparent 70%),
  radial-gradient(ellipse 70% 60% at 0% 100%, rgba(176, 146, 214, .34), transparent 70%), #FFFAF3;
  box-shadow: 0 0 0 3px #3B4E00, 0 30px 70px -25px rgba(0, 0, 0, .6); }
.nl-pop__title { color: #BA6C00; }
.nl-pop__back { background: rgba(28, 38, 0, .55); }
.ftr__nl .nl-box { background:
  radial-gradient(ellipse 50% 90% at 100% 0%, rgba(236, 160, 178, .30), transparent 70%),
  radial-gradient(ellipse 40% 90% at 0% 100%, rgba(176, 146, 214, .26), transparent 70%), #FFFAF3; }
.hd, .is-holiday .hd { --hd-orange: #BA6C00; --hd-green: #3B4E00; --hd-bg: #FFFAF3; --hd-line: #EAD9C4; }
.hd-launcher:hover, .is-holiday .hd-launcher:hover, .hd-send:hover { background: #3B4E00; }
.hd-head { background:
  radial-gradient(ellipse 60% 120% at 100% 0%, rgba(236, 160, 178, .35), transparent 70%),
  radial-gradient(ellipse 50% 120% at 70% 100%, rgba(176, 146, 214, .30), transparent 70%),
  linear-gradient(135deg, #3B4E00, #2C3A00); }

/* the thin message bar on top: the deep logo orange like the shop's */
.ann, .is-holiday .ann { background: #BA6C00; color: #fff; }
/* a little more pink and lilac here than in the shop: this site's own watercolour layer softens it */
html::before { background:
  radial-gradient(ellipse 620px 460px at 4% 6%, rgba(236, 160, 178, .40), transparent 70%),
  radial-gradient(ellipse 520px 420px at 14% 18%, rgba(176, 146, 214, .34), transparent 70%),
  radial-gradient(ellipse 760px 560px at 100% 34%, rgba(186, 108, 0, .20), transparent 70%),
  radial-gradient(ellipse 560px 480px at 96% 62%, rgba(176, 146, 214, .32), transparent 72%),
  radial-gradient(ellipse 600px 520px at 2% 82%, rgba(236, 160, 178, .32), transparent 72%),
  radial-gradient(ellipse 820px 600px at 60% 104%, rgba(176, 146, 214, .26), transparent 72%),
  radial-gradient(ellipse 700px 600px at 40% 50%, rgba(20, 30, 0, .28), transparent 75%), #3B4E00; }

/* ===== Watercolour patches: soft pink, lilac and white mixed together, scattered down every page (owner, 28 Oct 2026).
   They sit on the page itself (not fixed), so new patches appear while scrolling; the pattern repeats every 2400px. ===== */
html::before { display: none; }
html { background-color: #3B4E00; background-repeat: repeat-y; background-size: 100% 2400px; background-image:
  /* top left: pink with lilac and a white heart */
  radial-gradient(ellipse 170px 120px at 8% 4%, rgba(255, 252, 248, 0.55) 0%, rgba(255, 252, 248, 0.30) 38%, rgba(255, 252, 248, 0.10) 62%, transparent 78%),
  radial-gradient(ellipse 360px 250px at 5% 6%, rgba(240, 176, 196, 0.72) 0%, rgba(240, 176, 196, 0.40) 38%, rgba(240, 176, 196, 0.13) 62%, transparent 78%),
  radial-gradient(ellipse 320px 230px at 15% 10%, rgba(190, 160, 226, 0.62) 0%, rgba(190, 160, 226, 0.34) 38%, rgba(190, 160, 226, 0.11) 62%, transparent 78%),
  /* right, a third down: lilac, pink edge, white */
  radial-gradient(ellipse 150px 110px at 93% 27%, rgba(255, 252, 248, 0.5) 0%, rgba(255, 252, 248, 0.28) 38%, rgba(255, 252, 248, 0.09) 62%, transparent 78%),
  radial-gradient(ellipse 360px 280px at 96% 30%, rgba(190, 160, 226, 0.68) 0%, rgba(190, 160, 226, 0.37) 38%, rgba(190, 160, 226, 0.12) 62%, transparent 78%),
  radial-gradient(ellipse 270px 200px at 85% 35%, rgba(240, 176, 196, 0.58) 0%, rgba(240, 176, 196, 0.32) 38%, rgba(240, 176, 196, 0.10) 62%, transparent 78%),
  /* middle: a faint warm glow */
  radial-gradient(ellipse 520px 300px at 50% 46%, rgba(232, 150, 70, 0.16) 0%, rgba(232, 150, 70, 0.09) 38%, rgba(232, 150, 70, 0.03) 62%, transparent 78%),
  /* left, half way: pink + white + lilac */
  radial-gradient(ellipse 140px 105px at 20% 57%, rgba(255, 252, 248, 0.5) 0%, rgba(255, 252, 248, 0.28) 38%, rgba(255, 252, 248, 0.09) 62%, transparent 78%),
  radial-gradient(ellipse 330px 240px at 14% 60%, rgba(240, 176, 196, 0.66) 0%, rgba(240, 176, 196, 0.36) 38%, rgba(240, 176, 196, 0.12) 62%, transparent 78%),
  radial-gradient(ellipse 290px 220px at 4% 66%, rgba(190, 160, 226, 0.6) 0%, rgba(190, 160, 226, 0.33) 38%, rgba(190, 160, 226, 0.11) 62%, transparent 78%),
  /* lower right: lilac + pink + white */
  radial-gradient(ellipse 160px 115px at 77% 80%, rgba(255, 252, 248, 0.5) 0%, rgba(255, 252, 248, 0.28) 38%, rgba(255, 252, 248, 0.09) 62%, transparent 78%),
  radial-gradient(ellipse 350px 260px at 72% 83%, rgba(190, 160, 226, 0.64) 0%, rgba(190, 160, 226, 0.35) 38%, rgba(190, 160, 226, 0.12) 62%, transparent 78%),
  radial-gradient(ellipse 290px 220px at 88% 88%, rgba(240, 176, 196, 0.58) 0%, rgba(240, 176, 196, 0.32) 38%, rgba(240, 176, 196, 0.10) 62%, transparent 78%),
  /* bottom, joining the next repeat: small pink + white bloom */
  radial-gradient(ellipse 120px 90px at 33% 97%, rgba(255, 252, 248, 0.45) 0%, rgba(255, 252, 248, 0.25) 38%, rgba(255, 252, 248, 0.08) 62%, transparent 78%),
  radial-gradient(ellipse 260px 190px at 30% 98%, rgba(240, 176, 196, 0.55) 0%, rgba(240, 176, 196, 0.30) 38%, rgba(240, 176, 196, 0.10) 62%, transparent 78%); }
body, body.is-holiday, body.page-home-new, body.page-home-new.is-holiday { background: transparent; }

/* the new front page: its own green layers become see-through so the patches show, headings orange */
.nh, body.page-home-new { --nh-bg: #3B4E00; --nh-bg-2: rgba(44, 58, 0, .45); --nh-gold: #F0A848; }
.nh h1, .nh h2 { color: #F0A848; }
.nh h1 strong, .nh h2 strong, .nh .soft { color: #F6D2DA; }
.nh .what, .nh .originals { background: transparent; }
.nh .originals h2 { color: #F0A848; }