/* PrepMonk brand tokens — shared by the landing page and every exam app.
   Saffron (monk robe) accent on cool stone neutrals. */
:root{
  --bg:#F3F4F1; --surface:#FFFFFF; --sunk:#E8EAE4; --line:#D3D6CE;
  --ink:#1A1D24; --muted:#5B6170;
  --accent:#B45309; --accent-ink:#FFFFFF; --accent-soft:#FBEBD9;
  --robe:#7C2D3B;
  --flag:#D99A00; --flag-soft:#FBF0CC; --good:#1F7A3D; --good-soft:#DDF1E3; --bad:#B3261E; --bad-soft:#F8DEDC;
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r:10px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#12141A; --surface:#1A1D25; --sunk:#232733; --line:#343947;
  --ink:#ECEDEF; --muted:#9CA2AF;
  --accent:#F4A04A; --accent-ink:#2A1503; --accent-soft:#3A2614;
  --robe:#E58A9A;
  --flag:#F2C14E; --flag-soft:#3A3014; --good:#5CC67E; --good-soft:#163323; --bad:#F2837B; --bad-soft:#3D1D1B;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#12141A; --surface:#1A1D25; --sunk:#232733; --line:#343947;
  --ink:#ECEDEF; --muted:#9CA2AF;
  --accent:#F4A04A; --accent-ink:#2A1503; --accent-soft:#3A2614;
  --robe:#E58A9A;
  --flag:#F2C14E; --flag-soft:#3A3014; --good:#5CC67E; --good-soft:#163323; --bad:#F2837B; --bad-soft:#3D1D1B;
  color-scheme:dark}

/* optional accent palettes (exam apps) */
:root[data-accent="teal"]{--accent:#0E6B66;--accent-soft:#D6ECEA;--accent-ink:#FFFFFF}
:root[data-accent="blue"]{--accent:#2457C5;--accent-soft:#DCE6FA;--accent-ink:#FFFFFF}
:root[data-accent="violet"]{--accent:#6B3FC4;--accent-soft:#E9E1F8;--accent-ink:#FFFFFF}
:root[data-accent="rose"]{--accent:#C2255C;--accent-soft:#F9DDE7;--accent-ink:#FFFFFF}
@media (prefers-color-scheme: dark){
  :root[data-accent="teal"]:not([data-theme="light"]){--accent:#4FC2B8;--accent-soft:#163B39;--accent-ink:#06201E}
  :root[data-accent="blue"]:not([data-theme="light"]){--accent:#7AA7FF;--accent-soft:#1B2C4D;--accent-ink:#0A1A33}
  :root[data-accent="violet"]:not([data-theme="light"]){--accent:#B69CFF;--accent-soft:#2B2147;--accent-ink:#1A1030}
  :root[data-accent="rose"]:not([data-theme="light"]){--accent:#FF8DB4;--accent-soft:#45192A;--accent-ink:#2E0A18}
}
:root[data-theme="dark"][data-accent="teal"]{--accent:#4FC2B8;--accent-soft:#163B39;--accent-ink:#06201E}
:root[data-theme="dark"][data-accent="blue"]{--accent:#7AA7FF;--accent-soft:#1B2C4D;--accent-ink:#0A1A33}
:root[data-theme="dark"][data-accent="violet"]{--accent:#B69CFF;--accent-soft:#2B2147;--accent-ink:#1A1030}
:root[data-theme="dark"][data-accent="rose"]{--accent:#FF8DB4;--accent-soft:#45192A;--accent-ink:#2E0A18}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55}
img,svg{max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,h4{font-family:var(--f-display);text-wrap:balance;margin:0;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700}
.muted{color:var(--muted)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:6px}
.skip:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* logo */
.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--f-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.logo svg{width:28px;height:28px;flex:none}
.logo b{color:var(--accent);font-weight:800}

/* theme switch */
.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.seg button{border:0;background:transparent;padding:8px 14px;font-family:var(--f-mono);font-weight:500}
.seg button+button{border-left:1.5px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.seg.theme button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px}
.seg.theme svg{width:14px;height:14px;flex:none}
@media (max-width:460px){.seg.theme .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}