/* The deep-green look of the new front page, on EVERY page of the website (owner, 21 Oct 2026).
   Loaded after site.css, holiday.css and home-new.css. It mostly re-points the site's own colour variables:
   the page is green, text is cream, headings white, accents gold and the logo orange; white cards and boxes keep
   dark text inside them (their variables are reset below). */

body, body.is-holiday {
  --paper: #2C3A00; --paper-2: #354600; --wash-peach: #354600; --wash-sage: #2F4200;
  --ink: #F3EFE4; --ink-soft: #CFC8B6; --line: rgba(255, 255, 255, .18);
  --olive: #2C3A00; --olive-dark: #1F2A00;
  --orange: #BF6C00; --orange-dark: #E5B04A;
  --gold: #E5B04A; --night: #2C3A00; --berry: #E5B04A;
  --sh-card: 0 16px 34px -18px rgba(0, 0, 0, .55); --sh-lift: 0 26px 50px -22px rgba(0, 0, 0, .65); --sh-btn: 0 8px 22px -8px rgba(0, 0, 0, .6);
  background: #2C3A00; color: var(--ink);
}
body::before, body.is-holiday::before { opacity: .12; mix-blend-mode: screen; }
h1, h2, h3, .is-holiday h1, .is-holiday h2, .is-holiday h3 { color: #fff; }
h1 strong, h2 strong, .is-holiday h1 strong, .is-holiday h2 strong { color: var(--gold); font-style: italic; font-weight: 400; }
a { color: var(--gold); }
.eyebrow, .is-holiday .eyebrow { color: var(--gold); }
.eyebrow::before { background: var(--gold); }
blockquote { background: rgba(255, 255, 255, .06); color: var(--ink); }
hr { border-color: var(--line); }

/* header, bands, footer: one green */
.hdr, .is-holiday .hdr { background: #2C3A00; background-image: none; box-shadow: 0 1px 0 rgba(255, 255, 255, .08), 0 10px 30px -18px rgba(0, 0, 0, .6); }
.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(--gold); background: rgba(255, 255, 255, .08); }
.band, .is-holiday .band:not(.band--green) { background: rgba(53, 70, 0, .75); }
.band--green, .is-holiday .band--green { background: #354600; }
.hero { background: transparent; }
.ftr, .is-holiday .ftr { background: #1F2A00; background-image: none; box-shadow: none; border-top: 1px solid rgba(255, 255, 255, .08); }
.ftr__nl .nl-box, .is-holiday .ftr__nl .nl-box { --nl-accent: #BF6C00; --nl-accent-2: #E5B04A; }

/* buttons like the front page: orange with white text, outlined ones white */
.btn, .is-holiday .btn { background: var(--orange); color: #fff; --fill: #8E5300; box-shadow: var(--sh-btn); }
.btn:hover, .is-holiday .btn:hover { color: #fff; }
.btn--ghost, .hero .btn--ghost, .is-holiday .btn--ghost, .btn--ghost-dark, .is-holiday .btn--ghost-dark { background: rgba(255, 255, 255, .06); color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8); --fill: rgba(255, 255, 255, .14); }
.btn--ghost:hover, .btn--ghost-dark:hover, .is-holiday .btn--ghost-dark:hover { color: #fff; }
.tabs a, .chip { background: rgba(255, 255, 255, .08); color: var(--ink); border-color: var(--line); }
.tabs a[aria-current], .chip.is-on, .tabs a.is-on { background: var(--gold); color: #2C3A00; }

/* white cards and boxes keep dark text inside */
.card, .path, .flip__face, .flip__back, .prod, .steps li, .evlist a, .ev, .mini, .form, .tile, .post, .search, .album__pic, .evp__card, .evh, .evgo__card, .evtix,
.evprod, .evsave__box, .evsave__next, .evnext, .evnone, .evtl__item, .evcd__card, .next-pill, .mag__fig, .nl-box,
.cmh__float, .cmhow__info, .cms__panel, .cms__subj, .cms__tech, .cms__size, .cms__sum div, .cms__dview, .cmfaq__q, .cmstrip__list a,
.st__nextcard, .author, .fbsec, .fb__rate, .fb__comments, .fb__c--owner, .st__meta span, .share__btn, .st__tags a, .lb__fb, .evp__days li, .evh__cd, .evside__t, .cookie-banner, .drawer__panel {
  --ink: #2A2418; --ink-soft: #5E5646; --line: #E2D8C6; --olive: #3B4E00; --olive-dark: #2C3A00; --orange-dark: #8E5300; --paper: #FBF7EF; --paper-2: #F3EBDD; --wash-peach: #F6E3CF; --wash-sage: #E4E9D0;
  color: var(--ink);
}
: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) { color: var(--olive); }
:is(.card, .path, .prod, .steps li, .evlist a, .ev, .mini, .form, .tile, .post, .evp__card, .evh, .evgo__card, .evtix, .evprod, .evnext, .evtl__item, .evcd__card, .nl-box, .cms__panel, .cmfaq__q, .st__nextcard, .author, .fbsec, .fb__rate, .fb__comments) a:not(.btn) { color: #8E5300; }
.stat { background: rgba(255, 255, 255, .08); color: var(--ink); box-shadow: none; }
.stat b, .stat strong { color: #fff; }
input, textarea, select { color: #2A2418; background: #fff; }
.form label, .form .f__help { color: inherit; }

/* the two faded foxes behind the pages, a little softer on the green */
.fox-bg img { opacity: .10; mix-blend-mode: luminosity; }
.holiday-snow { opacity: .9; }

/* gallery overview: the names under the stacks of pictures; events page: the "next up" box in the side menu */
.col b { color: #fff; } .col > span:last-child { color: var(--ink-soft); }
.evside__next { background: rgba(255, 255, 255, .08); } .evside__next b { color: #fff; } .evside__next span { color: var(--ink-soft); } .evside__next small { color: var(--gold); }
.evside__t { color: var(--ink); } .evside__t:hover { background: rgba(255, 255, 255, .08); }
.evfilter button { color: var(--ink); border-color: var(--line); } .evfilter button[aria-pressed="true"], .evfilter button.is-on { background: var(--gold); color: #2C3A00; }

/* outlined buttons INSIDE white cards: dark outline and dark text (not white on white) */
:is(.card, .path, .post, .form, .evp__card, .evh, .evgo__card, .evnext, .evnone, .evcd__card, .cms__panel, .cmfaq__q, .st__nextcard, .author, .fbsec, .nl-box) :is(.btn--ghost, .btn--ghost-dark) { color: #3B4E00; background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 2px #3B4E00; --fill: #3B4E00; }
:is(.card, .path, .post, .form, .evp__card, .evh, .evgo__card, .evnext, .evnone, .evcd__card, .cms__panel, .cmfaq__q, .st__nextcard, .author, .fbsec, .nl-box) :is(.btn--ghost, .btn--ghost-dark):hover { color: #fff; }

/* ===== 21 Oct 2026, owner: texts that were light on light – every light box keeps dark text ===== */
/* light containers that were not in the first list: event pages, story sections, commission studio, price explorer */
.evh, .evsteps, .evj__step:nth-child(even), .evdays__d, .evsave__box, .evcd__card, .evwhere__find b, .evtl__item, .evlist a,
.st__cats span, .st__meta span, .mag__fig figcaption, .comic__page, .flip__p,
.cms__bar, .cmw__stage, .cmflip__face, .cms__floor, .cmrefs, .cms__dview, .cms__rpic,
.ctech__card, .cpx__dtxt, .cpx__dlevel, .cpx__dsize, .cpx__switch, .cpx__detail, .cpx__d {
  --ink: #2A2418; --ink-soft: #5E5646; --line: #E2D8C6; --olive: #3B4E00; --olive-dark: #2C3A00; --orange-dark: #8E5300; --paper: #FBF7EF; --paper-2: #F3EBDD; --wash-peach: #F6E3CF; --wash-sage: #E4E9D0; --gold: #8E5300;
  color: var(--ink);
}
: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) { color: #3B4E00; }
: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) a:not(.btn) { color: #8E5300; }
:is(.evj__step:nth-child(even), .evh, .cmw__stage, .cmrefs, .cpx__detail, .cpx__d, .ctech__card) :is(.btn--ghost, .btn--ghost-dark) { color: #3B4E00; background: rgba(255, 255, 255, .7); box-shadow: inset 0 0 0 2px #3B4E00; --fill: #3B4E00; }
.evsteps a, .cms__bar button { color: #2A2418; }
.evsteps a.is-on, .cms__bar button[aria-current="step"] { color: #fff; }
.evsave__next, .evsave__next b, .evsave__next small, .evsave__next span { color: #fff; }
.evsave__next { background: #3B4E00; }
.evwhere__find b { background: #F6E3CF; color: #2A2418; } .evwhere__find b.evwhere__stand { background: #BF6C00; color: #fff; }
.evdays__d em { background: #E4E9D0; color: #3B4E00; }
.st__cats span { background: #E4E9D0; color: #3B4E00; }
.st__meta span { background: rgba(255, 255, 255, .9); }
/* story pages: every second section has a light wash – its text goes dark there */
main .sc:nth-of-type(even) { --ink: #2A2418; --ink-soft: #5E5646; --olive: #3B4E00; --orange-dark: #8E5300; color: var(--ink); background: rgba(246, 227, 207, .94); }
.sc:nth-of-type(even) :is(h1, h2, h3) { color: #3B4E00; }
.sc:nth-of-type(even) a:not(.btn) { color: #8E5300; }
.sc__note { color: inherit; }
/* price explorer switch and the commission studio's step bar */
.cpx__switch button { color: #2A2418; } .cpx__switch button[aria-pressed="true"], .cpx__switch button.is-on { background: #3B4E00; color: #fff; }
/* the front page's "next event" card: its outlined button is dark on the white card */
.nh .next .btn-g { color: #3B4E00; border-color: #3B4E00; }
/* links inside every light box are dark orange (never gold on white) */
.card, .path, .flip__face, .prod, .steps li, .evlist a, .ev, .mini, .form, .tile, .post, .search, .album__pic, .evp__card, .evh, .evgo__card, .evtix, .evprod, .evsave__box, .evnext, .evnone, .evtl__item, .evcd__card, .next-pill, .nl-box,
.cmh__float, .cmhow__info, .cms__panel, .cms__subj, .cms__tech, .cms__size, .cms__sum div, .cms__dview, .cmfaq__q, .cmstrip__list a, .st__nextcard, .author, .fbsec, .fb__rate, .fb__comments, .drawer__panel, .evsteps, .evj__step:nth-child(even), .evdays__d, .cms__bar, .cmw__stage, .cmrefs, .ctech__card, .cpx__dtxt, .cpx__detail, .cpx__d, .sc:nth-of-type(even) { --gold: #8E5300; }
/* the flip card's back on the Commissions page is dark green with light text */
.cmflip__back, .cmflip__back span, .cmflip__back b { color: #F4F1E6; } .cmflip__back a { color: #F6D9A8; }
/* picture captions in the biography sit on the green, not on the picture */
.mag__fig figcaption { color: #CFC8B6; }
/* story pages: the quote-like note sections (odd ones) are on the green */
.sc:not(:nth-of-type(even)) .sc__note p { color: #fff; }
.sc:not(:nth-of-type(even)) .sc__note strong { color: var(--gold); }