/* ==========================================================================
   Kombooba — Light theme overrides (loaded after kombooba.css)
   Redefines the theme tokens for a light/ivory background, plus the
   handful of hardcoded dark-bg rgba() values that don't ride on tokens.
   Note: --photo-100 / --photo-400 are intentionally left untouched here —
   they color text overlaid on darkened photos (Factory, Ritual captions),
   which stay dark regardless of overall page theme.
   ========================================================================== */

:root {
  --plum-950: #faf6f1;
  --plum-900: #f2e9dc;
  --plum-800: #ffffff;
  --plum-700: #efe0f5;
  --plum-600: #ddc9ea;
  --lilac-300: #6b2fa0;
  --lilac-100: #4a2568;
  --gold-400: #a9762c;
  --gold-300: #96631f;
  --cream-100: #201530;
  --cream-200: #2e2233;
  --grey-400: #6b5f77;
  --grey-500: #79708a;
}

.preloader__bar { background: rgba(32, 21, 48, 0.12); }

.site-header.is-scrolled {
  background: #603085;
  border-bottom-color: rgba(32, 21, 48, 0.08);
}

.topbar { border-bottom-color: rgba(32, 21, 48, 0.14); }

.topbar__divider { background: rgba(32, 21, 48, 0.18); }

.brand img{filter: brightness(0) invert(1);}
.footer__brand img {
  filter: none;
}

.nav-cta { border-color: rgba(32, 21, 48, 0.2); }

.btn-outline { border-color: rgba(32, 21, 48, 0.25); }

.scroll-cue__line { background: rgba(32, 21, 48, 0.15); }

.story__block + .story__block { border-top-color: rgba(32, 21, 48, 0.1); }

.ferment-card { border-color: rgba(32, 21, 48, 0.08); }

.ferment-card__tag { border-color: rgba(32, 21, 48, 0.16); }

.cta-band { border-top-color: rgba(32, 21, 48, 0.08); }

.newsletter-form input[type="email"] {
  background: rgba(32, 21, 48, 0.03);
  border-color: rgba(32, 21, 48, 0.18);
}

.site-footer { border-top-color: rgba(32, 21, 48, 0.08); }

.footer__socials a { border-color: rgba(32, 21, 48, 0.15); }

.footer__legal-strip { border-top-color: rgba(32, 21, 48, 0.08); }

/* Factory paragraph sits directly on a busy, mid-toned photo — brighten
   it and add a soft drop shadow so it stays readable against the image
   regardless of what's behind it at any given point. */
.factory__lede {
  color: var(--photo-100);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}