/* =====================================================================
   Theme 06 · "Classic Maroon · Image, Light"
   Loaded AFTER css/styles.css.

   The live build, unchanged, with one addition: a 15% white veil over all
   photography and video. Classic Maroon has no token override sheet of
   its own, so this file is the theme — everything else comes straight
   from styles.css, exactly as theme-current.html renders it.

   Matches css/theme-300-image.css and css/theme-400-image.css.
   ===================================================================== */

/* =====================================================================
   15% white layer above every image and video

   A pseudo-element can't sit inside a replaced element, and wrapping all
   55 <img>/<video> tags in HTML would fork this file from
   theme-current.html. So the veil is applied as a filter on the media
   itself.

   invert → brightness(.85) → invert works out to  out = .85·in + .15,
   which is exactly what compositing rgba(255,255,255,.15) on top gives.
   CSS filter functions run in sRGB, so it matches an overlay pixel for
   pixel — with the bonus that transparent areas (the logo PNG) stay
   transparent instead of being filled white.

   To change the strength, move the brightness value: 1 − veil.
   .85 = 15%   ·   .80 = 20%   ·   .90 = 10%
   ===================================================================== */
img,
video {
  filter: invert(1) brightness(.85) invert(1);
}

/* Intro carousel keeps its photography at full strength */
.intro-screen img,
.intro-screen video {
  filter: none;
}