/* Shared by both portals (loaded after /brand/tokens.css, before app.css or ops.css): theme values and browser surfaces. */
:root{--brand-fill:var(--brand);--brand-fill-hover:var(--brand-hover);--brand-fill-pressed:var(--brand-pressed);--fail-fill:var(--fail);color-scheme:light}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#141414; --paper-2:#1A1A1A; --surface:#1F1F1F;
  --ink:#F5F5F5; --muted:#ADADAD; --rule:#3D3D3D; --rule-strong:#F5F5F5;
  --brand:#479EF5; --brand-hover:#62ABF5; --brand-pressed:#77B7F7;
  --brand-fill:#115EA3; --brand-fill-hover:#0F6CBD; --brand-fill-pressed:#0F548C;
  --brand-tint:#082338; --brand-tint-stroke:#0F548C;
  --accent:#4BBFBC;
  --deep:#0A0A0A; --on-deep:#F5F5F5;
  --pass:#5BC27F; --pass-tint:#0F2E1A;
  --fail:#FF8A7E; --fail-tint:#3A1717; --fail-fill:#B42318;
  --slow:#E6A93B; --slow-tint:#3A2A0C;
  --shadow-2:0 1px 2px rgb(0 0 0 / .5), 0 0 2px rgb(0 0 0 / .4);
  --shadow-16:0 8px 16px rgb(0 0 0 / .6), 0 0 2px rgb(0 0 0 / .5);
}
html{scrollbar-color:var(--rule) transparent}
:root[data-theme="dark"] dialog::backdrop{background:rgb(0 0 0 / .6)}
body{caret-color:var(--brand)}
::selection{background:var(--brand-tint);color:var(--ink)}
:root[data-theme="dark"] ::selection{background:#0F548C;color:#fff}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb{background:var(--rule);border-radius:6px;border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}
.hdr .tg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}