/* (owner 2026-10-25: "all pages on website must have that color", the same warm off-white as the commercials) one light
   theme for every site page: the three colour schemes the pages use are switched to the cream background, dark text and
   white cards. Loaded last in each page's head; html:root outranks the page's own :root. */
html:root {
  --bg-dark: #f3f1ec !important; --bg-deep: #ece9e2 !important; --bg-card: #ffffff !important; --text-main: #16161a !important; --text-muted: #5f6370 !important; --border-color: rgba(20,20,30,.1) !important;
  --bg: #f3f1ec !important; --card: #ffffff !important; --ink: #16161a !important; --muted: #5f6370 !important; --line: rgba(20,20,30,.1) !important; --soft: #faf9f6 !important;
}
html body { background: #f3f1ec !important; color: #16161a; }
/* the Playbook family (playbook.css: facts, start, playbook pages) and the other dark-designed pages */
html:root { --text: #16161a !important; --purple: #6d4bff; }
html body h1 { background: none !important; -webkit-text-fill-color: currentColor !important; color: #16161a !important; }
html body a:not(.btn):not([class*="btn"]):not(.card) { color: #4338ca; }
html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html body textarea, html body select { background: #fff !important; color: #16161a !important; border-color: rgba(20,20,30,.15) !important; }
html body header.top { border-bottom-color: rgba(20,20,30,.1) !important; }