/* The header and footer live in rl-nav.css (one component on every page, 28 Sep 2026). This file keeps only
   the new look for the three converted demo pages. */

/* The new look on the converted pages: ground, type, links. Colours of each element are set in the page by rl-dark.js. */
html.rl-dark{
  --cream:#0A0F16; --paper:#121A24; --card:#16202C; --bg:#0A0F16; --bg-2:#121A24; --panel:#121A24; --panel-2:#16202C;
  --navy:#EEF3FA; --plat:#EEF3FA; --ink:#EEF3FA; --ink2:#A3B1C2; --muted:#A3B1C2; --faint:#7D8C9F; --plat-dim:#A3B1C2;
  --rule:rgba(255,255,255,.12); --line:rgba(255,255,255,.12); --line-soft:rgba(255,255,255,.08);
  --green:#3ECF8E; --green-d:#3ECF8E; --stop:#E5484D; --red:#E5484D; --steel:#C9B98F; --amber:#C9B98F; --warn:#C9B98F; --teal:#6FC7BE;
  --scene:#121A24; --navy-2:#121A24; --ink-2:#A3B1C2; --warn-d:#C9B98F; --mint:#3ECF8E; --platinum:#C9B98F;
  --serif:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"Geist Mono", ui-monospace, Menlo, monospace;
  background:#0A0F16 !important;
}
html.rl-dark body{background:#0A0F16 !important; color:#EEF3FA; font-family:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif !important; -webkit-font-smoothing:antialiased}
html.rl-dark h1, html.rl-dark h2{font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; letter-spacing:-.01em !important}
html.rl-dark h3, html.rl-dark h4{font-family:"Geist", system-ui, sans-serif !important; font-weight:600 !important}
html.rl-dark code, html.rl-dark pre, html.rl-dark kbd{font-family:"Geist Mono", ui-monospace, Menlo, monospace !important}
html.rl-dark a{text-decoration-color:rgba(201,185,143,.5)}
html.rl-dark ::selection{background:rgba(201,185,143,.35)}