/* =====================================================================
   SEASONAL THEME REGISTRY
   ---------------------------------------------------------------------
   Every seasonal color theme lives here as one scoped block:
     html[data-season="<id>"] { ...token overrides + any fixes... }

   The active theme is chosen ONLY from the admin "Seasonal theme" dropdown
   (stored in D1, read by site/shared/season.js, which sets <html data-season>).
   There is NO automatic date-based switching. Default (no attribute) = brand colors.

   To add a holiday: add a VALID_SEASONS id in admin/src/worker.js, a block below,
   and an <option> in the admin dropdown. Nothing else.
   ===================================================================== */

/* ---------------------------------------------------------------------
   JULY 4TH — "Stars & Stripes" (Option B)
   Green -> Heritage Navy, Gold -> Barn Red, brown -> slate.
   --------------------------------------------------------------------- */
html[data-season="july4"] {
  --green:      #36486A;   /* Heritage Navy  (was Forest Deep)  */
  --green-deep: #28374F;   /* darker navy                       */
  --mid:        #6E7C95;   /* blue-grey      (was Foothills)    */
  --sage:       #93A0B8;   /* light blue-grey(was Sage Light)   */
  --gold:       #A8432E;   /* Barn Red       (was Harvest Gold) */
  --gold-hover: #8E3724;   /* darker barn red                   */
  --brown:      #5E6E8A;   /* slate          (was Sunset Clay)  */
  /* linen / cream / ink / paper unchanged */
  --shadow-sm: 0 1px 3px rgba(40,46,60,.08), 0 4px 14px rgba(40,46,60,.06);
  --shadow-lg: 0 2px 6px rgba(40,46,60,.10), 0 18px 44px rgba(40,46,60,.18);
}

/* Contrast fixes: text on the now-dark Barn Red needs white */
html[data-season="july4"] .nav .links .sub-btn   { color: #fff; }
html[data-season="july4"] .feat-card .art .badge { color: #fff; }
html[data-season="july4"] .sub-band .capture-form button       { background: var(--gold); color: #fff; }
html[data-season="july4"] .sub-band .capture-form button:hover  { background: var(--gold-hover); }
html[data-season="july4"] .hero h1 em::after     { opacity: .30; }

/* Seasonal stamp swap (url() resolves relative to THIS file, i.e. site/assets/) */
html[data-season="july4"] .postcard .stamp    { content: url('stamp-july4.svg'); border-radius: 3px; }
html[data-season="july4"] .postcard .mark     { display: none; }
html[data-season="july4"] .feat-card .art img { content: url('stamp-july4.svg'); border-radius: 6px; }

/* Seasonal nav + footer logo lockup (navy/red, with July 4th stars).
   Match the logo by src so it covers every page (index uses .brand; the sub-pages
   use a plain <a><img> in .nav .inner). */
html[data-season="july4"] .nav img[src*="nav-logo"],
html[data-season="july4"] .footer img[src*="nav-logo"] { content: url('nav-logo-july4.svg'); }
