/* Hand-made fixes for the light theme (the automatic version is in light.css, built by tools/make-light.js). */
html[data-theme="light"] { color-scheme: light; }


/* ===== Header ===== */
html[data-theme="light"] { --pill: #f1f1f1; }
html[data-theme="light"] .header__pill { background: rgba(245, 245, 245, 0.82); border: 1px solid rgba(0, 0, 0, 0.08); }
html[data-theme="light"] .logo__mark { filter: invert(1); }   /* the white globe becomes the black one */

/* ===== Home hero: the video and the text on it stay exactly as in dark mode ===== */
html[data-theme="light"] #home { color: #fff; --text: #fff; --muted: #8a8a8a; --border: rgba(255, 255, 255, 0.22); }
html[data-theme="light"] #home .btn--light { background: #fff; color: #0a0a0a; }
html[data-theme="light"] #home .btn--light:hover { background: #e9e9e9; }
html[data-theme="light"] #home .btn--outline { color: #fff; border-color: rgba(255, 255, 255, 0.22); }
html[data-theme="light"] #home .btn--outline:hover { border-color: #fff; background: rgba(255, 255, 255, 0.06); }
/* the soft edge at the bottom of the video blends into the white page instead of black */
html[data-theme="light"] .hero__fade { z-index: 1; height: 7rem; }