/* Final blue tokens are scoped to the selected variant and preserve the page layout. */
html[data-influx-variant=blue]{--bg:#061426;--panel:#0c213a;--panel2:#132e4d;--line:#294766;--text:#f2f8ff;--muted:#abc5df;--gold:#55ccff;--ink:#041425;--focus:#55ccff;color-scheme:dark}
html[data-influx-variant=blue][data-theme=light]{--bg:#f3f8ff;--panel:#fff;--panel2:#e5f0ff;--line:#c3d8ef;--text:#0b2341;--muted:#405d7a;--gold:#176ac5;--ink:#fff;--focus:#176ac5;color-scheme:light}
html[data-influx-variant=blue] .influx-public-rebrand{--brand-blue:#168cff;--brand-cyan:#55ccff;--brand-line:#375f88}
html[data-influx-variant=blue] body{--ie-bg:var(--bg);--ie-panel:var(--panel);--ie-raised:var(--panel2);--ie-text:var(--text);--ie-muted:var(--muted);--ie-line:var(--line);--ie-gold:var(--gold);--ie-ink:var(--ink);--ie-link:var(--gold);--ie-field:var(--panel)}
html[data-influx-variant=blue] ::selection{background:#55ccff;color:#041425}
html[data-influx-variant=blue] :is(input,textarea){caret-color:var(--gold)}
html[data-influx-variant=blue] .brand img{background:transparent}
html[data-influx-variant=blue] .btn{background:var(--gold);color:var(--ink)}
html[data-influx-variant=blue] .btn.secondary{background:transparent;color:var(--text)}
html[data-influx-variant=blue] :focus-visible{outline-color:var(--focus)}
html[data-influx-variant=blue][data-theme=light] :is(h1 em,.visual-bottom b,.path-icon){color:#176ac5}