/* dwg-lab: the one look. Fonts + colour tokens shared by every page: the site and the portal pages inline this file (look.py),
   the apps (planner / measuring, phone viewer, estimate) link it. Light / dark follows the phone; an app with its own switch sets
   <html data-theme="dark|light">. The book's red 0 corner is the only accent; graphite on a light ground. */
@font-face{font-family:"DL Sans";src:url(/static/site/fonts/noto-latin.woff2) format("woff2");font-weight:400 800;font-stretch:62.5% 100%;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DL Sans";src:url(/static/site/fonts/noto-cyrillic.woff2) format("woff2");font-weight:400 800;font-stretch:62.5% 100%;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"DL Sans";src:url(/static/site/fonts/noto-armenian.woff2) format("woff2");font-weight:400 800;font-stretch:62.5% 100%;font-display:swap;unicode-range:U+0308,U+0530-058F,U+2010,U+2024,U+25CC,U+FB13-FB17}
:root{--ground:#eef0ed;--paper:#fff;--ink:#22262a;--mute:#576069;--rule:#cfd3ce;--red:#cf2b22;--orange:#d9770b;--blue:#1f6fb0;--focus:#1f6fb0;
 --green:#22774a;--amber:#9a5b00;--okbg:#e3f1e7;--warnbg:#fbefd9;--badbg:#fbe3e0;--hover:#e3e6e2;color-scheme:light dark;
 --sans:"DL Sans",-apple-system,"Segoe UI",Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#191c1f;--paper:#22262a;--ink:#e8eae6;--mute:#a7afb6;--rule:#3a4147;--red:#ff6b5e;--orange:#f2a24a;--blue:#7fb6ea;--focus:#7fb6ea;
 --green:#5cc98a;--amber:#f2b25a;--okbg:#173a26;--warnbg:#3a2c14;--badbg:#3d1f1c;--hover:#2b3035}}
:root[data-theme=dark]{--ground:#191c1f;--paper:#22262a;--ink:#e8eae6;--mute:#a7afb6;--rule:#3a4147;--red:#ff6b5e;--orange:#f2a24a;--blue:#7fb6ea;--focus:#7fb6ea;
 --green:#5cc98a;--amber:#f2b25a;--okbg:#173a26;--warnbg:#3a2c14;--badbg:#3d1f1c;--hover:#2b3035;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}

/* the apps' compact header: the site's mark + a condensed title on the ground colour, a rule underneath */
.dl-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;color:var(--ink);text-decoration:none;
 font:800 19px/1 var(--sans);font-stretch:75%;letter-spacing:.01em;white-space:nowrap}
.dl-mark svg{flex:none}
.dl-cond{font-family:var(--sans);font-stretch:75%;font-weight:760;letter-spacing:-.005em}
