/* ==========================================================================
   THEME: LIGHT (v2)
   Loaded after style.css and overrides tokens only, so both versions share
   one stylesheet. Every layout, motion and spacing decision stays identical.
   White grounds, soft black ink, oxblood accent.
   ========================================================================== */

:root {
  color-scheme: light;

  /* neutrals */
  --plaster: #ffffff;
  --plaster-lift: #f6f5f2;
  --charcoal: #26231f;

  /* roles */
  --ground: var(--plaster);
  --ground-lift: var(--plaster-lift);
  /* Ink is the brand brown, with two derived tints of it for softer copy and
     one derived deepening for headings. The palette has no colour darker than
     #4C392F, and at display sizes on the sand and clay grounds the brown does
     not separate enough, so headings take this: still clearly a brown, warmer
     and lighter than a near black. */
  --ink-strong: #3a2a21;
  --ink: var(--brown);
  --ink-soft: #6b5548;       /* brown, lightened            */
  --ink-quiet: #7d6a5e;      /* brown, lightened further    */
  --accent: var(--oxblood);
  --on-accent: #fdfcfa;
  --line: rgba(76, 57, 47, 0.18);

  /* The lockup colour, brand brown. */
  --wordmark-brown: var(--brown);

  /* Section grounds: white, white, sand, then clay. Both tints are brand
     colours rather than the off-palette greys they replace. */
  --band-0: #ffffff;
  --band-1: #ffffff;
  --band-2: var(--sand);
  --band-3: var(--clay);
}

/* Accent is dark here, so solid buttons take light text. */
.btn:hover { background: transparent; color: var(--accent); }

/* Titles on the beige grounds, sand and clay, take the deeper brown. On the
   white bands the brand brown holds on its own, and the dark oxblood sections
   keep their light type. */
.split-full:not(.split-full--dark) .split-full__body h2,
.events h2,
.split-full--clay h2,
.split-full--clay h3 { color: var(--ink-strong); }

/* Clay band carries dark type. */
.events, .split-full--clay { color: var(--charcoal); }
.split-full--clay .split-full__body p { color: var(--ink-soft); }

/* The oxblood section keeps its light type. */
.split-full--dark { color: #fdfcfa; }
.split-full--dark .facts b { color: var(--clay); }
.split-full--dark .facts span { color: rgba(253, 252, 250, 0.82); }


/* The wordmark takes the brand brown once the header has a solid white ground.
   Over the hero it stays off-white: brown on photography, even behind the
   scrim, does not hold. */
.header.is-stuck .wordmark span { color: var(--wordmark-brown); }

/* On a white header a white outline would vanish, so the light theme keeps
   the filled accent button. */
.header.is-stuck .btn--onphoto {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--on-accent);
}
.header.is-stuck .btn--onphoto:hover {
  background: transparent;
  border-color: var(--accent);
  color: var(--accent);
}