/* * Site-wide design tokens. * * :root, not `html body`, because these have to cross shadow boundaries: * custom properties inherit into a shadow tree, so can read * --earth-dot even though nothing in its shadow root ever sees this file. * Anything that only styles the page belongs in that page's own stylesheet. * * ON THE FILENAME: it is not ours to choose. appends * tags for /css/variables.css, /css/main.css and /css/base.css into * every page's , hard-coded (web-components, * components/base-templates/header-template/header-template.html). They * used to be served by the mongo-simple-server frontend that this site * layered onto; that base is gone, so the site serves them itself or the * browser reports three 404s on every page load. */ :root { /* The dots are the only light source on the page, so the field they sit * on and the glow they cast are the entire palette. */ --navy-deep: #000a17; --navy: #00203f; --earth-dot: #4dffa6; }