/* New Urban Media — Mixed Surface System.
   This Color Lab derives its blue scale from #8ED2FF; charcoal and neutral surfaces follow the original system.
   Apply a surface class to each section; light and dark areas coexist on the same page. */
:root{
 --sky:#8ED2FF;--sky-light:#C2E9FF;--sky-tint:#E6F5FF;
 --blue-link:#286F9D;--blue-link-deep:#1D5273;--path-fill:#193748;
 --near-black:#141518;--charcoal:#1C1D20;--charcoal-raised:#232428;
 --blue-black:#0A131A;--blue-charcoal:#16202A;--blue-deep:#08090B;
 --frost:#FBFBFB;--neutral-canvas:#F6F7F7;--neutral-mist:#EDEEEF;--cloud:#E8E8E7;--white:#FFFFFF;
 --mint:#87C7A5;--amber:#F0C25A;
 --accent:var(--sky);--accent-tint:var(--sky-tint);--accent-deep:var(--blue-link);
 --brand:var(--blue-link);--brand-deep:var(--blue-link-deep);--brand-tint:var(--sky-tint);
 --brand-2:var(--blue-link);--brand-2-deep:var(--blue-link-deep);--brand-2-tint:var(--sky-tint);
 --paper:#FFFFFF;--canvas:#F6F7F7;--mist:#EDEEEF;--ink:#17171B;
 --muted:#5B666E;--muted-2:#68737A;--line:#DADCDD;--line-soft:#E8E8E7;
 --field-bg:#F6F7F7;--field-hover:#EDEEEF;--icon-color:#286F9D;
 --pinstripe:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);
 --shell-gradient:linear-gradient(160deg,#16202A 0%,#0A131A 52%,#08090B 100%);
 --dark-grad-img:linear-gradient(135deg,#16202A 0%,#0A131A 52%,#0A131A 100%);
 color-scheme:dark;
}
.surface{color-scheme:light;color:var(--ink);background:var(--section-bg)}
.surface--canvas{--section-bg:#F6F7F7}
.surface--mist{--section-bg:#EDEEEF}
.surface--frost{--section-bg:#FBFBFB}
.surface--cloud{--section-bg:#E8E8E7}
.surface--charcoal,.surface--night,.dark-component{
 color-scheme:dark;
 --paper:#1C1D20;--canvas:#141518;--mist:#232428;
 --ink:#EDEDEE;--muted:#B9B9C1;--muted-2:#A3A3AA;
 --line:#383A41;--line-soft:#2A2B30;
 --brand:#8ED2FF;--brand-deep:#C2E9FF;--brand-tint:#193748;
 --brand-2:#8ED2FF;--brand-2-deep:#C2E9FF;--brand-2-tint:#193748;
 --accent-tint:#193748;--accent-deep:#C2E9FF;
 --success:#63BD90;--success-soft:#173324;--danger:#E08277;--danger-soft:#3A1F1C;
 --warning:#F0C25A;--warning-soft:#332A13;--info:#C2E9FF;--info-soft:#193748;
 --field-bg:#141518;--field-hover:#232428;
 --icon-color:#C2E9FF;
}
.surface--charcoal{--section-bg:#141518}

.surface--night{--section-bg:#0A131A}