/**
 * nwt summer page theme.
 *
 * Activated by the `body.nwt-summer` class, which the theme adds to any page
 * whose "Seasonal colour scheme" is set to Summer (see includes/_front-theme.php).
 *
 * Coastal, not tropical: the neutral grey section bands become warm sand, the
 * teal `brand` accent brightens toward the water, and the dark bands go deep
 * ocean. Like spring.css this keeps the scheme LIGHT and leaves body copy alone
 * (recolouring it only costs contrast).
 *
 * SCOPE: every rule is prefixed `body.nwt-summer main …` - page content only.
 * HEADER and FOOTER are deliberately excluded; they are site chrome with their
 * own light/dark state logic (see the note in winter.css).
 *
 * Palette
 *   #0b6d76  bright aqua   - accents, links, eyebrows (5.2:1 on white)
 *   #0e8794  shallows      - hover
 *   #0a4f57  deep aqua     - section headings
 *   #0b3a44  deep ocean    - dark bands (was slate-900 / brand teal)
 *   #fbf5e7  warm sand     - light section bands (was slate-50)
 */

body.nwt-summer { background-color: #fefcf6; }

/* ---- section backgrounds: neutral grey -> warm sand ---- */
body.nwt-summer main .bg-slate-50    { background-color: #fbf5e7; }
body.nwt-summer main .bg-brand-light { background-color: #e6f2f1; }
body.nwt-summer main .bg-amber-50    { background-color: #fdf6e3; }
/* image / media placeholders (shown behind covers while they load) */
body.nwt-summer main .bg-slate-100,
body.nwt-summer main .bg-slate-200   { background-color: #e4eeec; }

/* ---- dark bands stay dark, but deep ocean rather than charcoal ---- */
body.nwt-summer main .bg-slate-900        { background-color: #0b3a44; }
body.nwt-summer main section.bg-brand     { background-color: #0a4f57; }
body.nwt-summer main .bg-brand-darker\/80 { background-color: rgba(11, 58, 68, .8); }
body.nwt-summer main .bg-brand-dark\/80   { background-color: rgba(10, 79, 87, .8); }

/* ---- accents: brand teal -> brighter aqua ---- */
body.nwt-summer main .text-brand,
body.nwt-summer main .text-brand-dark,
body.nwt-summer main .text-brand-mid { color: #0b6d76; }
body.nwt-summer main .hover\:text-brand:hover,
body.nwt-summer main .hover\:text-brand-dark:hover,
body.nwt-summer main .group:hover .group-hover\:text-brand { color: #0e8794; }

/* ---- headings ON dark bands are .text-white and keep their colour ---- */
body.nwt-summer main h2.text-slate-900,
body.nwt-summer main h3.text-slate-900 { color: #0a4f57; }

/* ---- solid brand buttons ---- */
body.nwt-summer main a.bg-brand,
body.nwt-summer main button.bg-brand { background-color: #0b6d76; }
body.nwt-summer main a.bg-brand:hover,
body.nwt-summer main button.bg-brand:hover,
body.nwt-summer main .hover\:bg-brand-dark:hover { background-color: #0a4f57; }

/* ---- ghost / outlined buttons ---- */
body.nwt-summer main a.ring-slate-300 { color: #0b6d76; --tw-ring-color: rgba(11, 109, 118, .55); }
body.nwt-summer main a.ring-slate-300:hover { background-color: #0b6d76; color: #ffffff; --tw-ring-color: #0b6d76; }

/* ---- white pills sitting on dark bands (e.g. the tasting-trail CTA) ---- */
body.nwt-summer main a.bg-white.text-brand-dark { color: #0a4f57; }

/* ---- rings & hairlines pick up the water ---- */
body.nwt-summer main .ring-slate-100,
body.nwt-summer main .ring-slate-200,
body.nwt-summer main .ring-slate-300 { --tw-ring-color: rgba(11, 109, 118, .18); }
body.nwt-summer main .border-slate-100,
body.nwt-summer main .border-slate-200,
body.nwt-summer main .border-slate-300,
body.nwt-summer main .border-y { border-color: rgba(11, 109, 118, .18); }

/* ---- focus states follow the accent ---- */
body.nwt-summer main .focus\:border-brand:focus { border-color: #0b6d76; }
body.nwt-summer main .focus\:ring-brand:focus   { --tw-ring-color: #0b6d76; }