/* The quiz look for the rest of the funnel (razpe 16:16, Oct 19: "Use the quiz look, white and navy, across the whole funnel").
   Loaded after each page's own styles on /founding, /apply and /welcome. Same tokens as quiz/index.html body.light, with the old
   gold accent mapped to the quiz navy, the quiz's centered PANTHEON top bar, navy pill buttons and the quiz type sizes. */
body.light{--bg:#fff;--raise:#f5f4f1;--raise-2:#ebe9e4;--ink:#1c1b19;--ink-2:#3f3d39;--ink-3:#5f5c56;
  --navy:hsl(228 45% 30%);--navy-2:hsl(228 45% 42%);--tint:hsl(228 45% 95%);--line:#dedcd6;
  --gold:var(--navy);--gold-hi:var(--navy-2);--on-gold:#fff;--glow:transparent;
  --t-xl:clamp(30px,4.2vw,52px);--t-l:clamp(24px,2.6vw,34px);--t-m:clamp(19px,1.8vw,22px);--t-body:15px;--t-small:13px}
html:has(body.light){background:#fff}
body.light{background:#fff;color:var(--ink-2);font-size:15px;line-height:1.5}
body.light .topbar{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 #ecebe8}
body.light .topbar .in{justify-content:center;max-width:1200px}
body.light .topbar .name{font:800 15px/1 var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none}
body.light .lead{font-size:clamp(16px,1.4vw,18px)}
body.light .small{font-size:13px}
body.light .kicker{color:var(--navy)}
body.light .btn{min-height:52px;padding:0 28px;border:0;border-radius:999px;background:var(--navy);color:#fff;box-shadow:none;
  font:800 16px/1 var(--font);text-transform:none;letter-spacing:0}
body.light .btn:hover{background:var(--navy-2)}
body.light .btn-lg{min-height:56px;font-size:17px}
body.light .field{min-height:52px;background:#f5f4f1;border:1.5px solid var(--line);color:var(--ink);font-size:16px}
body.light .field:focus{border-color:var(--navy);outline:none}
body.light .field::placeholder{color:#76736d}
body.light .foot .name{color:var(--ink-3)}
body.light :focus-visible{outline-color:var(--navy)}