/* The MICE pages (/philippines/mice/ and its venue pages) on white. A file of its own: /assets/* is cached
   as immutable, and the rest of the site stays black. Load it after style.css and sections.css. */

:root { --bg: #ffffff; --ink: #111111; --dim: #6b6b6b; --line: #e4e4e4; --frame: rgba(0, 0, 0, 0.12); --text: #3a3a3a; }

body { background: var(--bg); color: var(--ink); }
#particles { display: none; }
.grain { opacity: 0.02; }
.nav { background: rgba(255, 255, 255, 0.88); border-bottom-color: var(--line); }
.band__ghost { -webkit-text-stroke-color: #efefef; }
.lede { color: #2b2b2b; }
.scroll-ind__track { background: var(--line); }
footer small { color: #9a9a9a; }
.tag { border-color: #dcdcdc; }

/* sections.css draws its hairlines and greys for a black page */
.card, .shot__f, .vid__f { border-color: var(--frame); }
.card__img { background: #f1f1f1; }
.card__text { color: var(--text); }
.play:hover { background: #111; color: #fff; }
.play.ghost { color: var(--ink); }
.play.ghost:hover { background: #111; color: #fff; border-color: #111; }
.reflist a { color: var(--ink); }

/* motion.js writes a white link colour at run time; these selectors outrank it */
html body .lede a, html body p a, html body .muted a, html body figcaption a, html body .card a, html body td a { color: var(--ink); }
html body .lede a:hover, html body p a:hover, html body td a:hover { color: var(--accent); }