/* A complete dark surface system, loaded after the page themes. */
@media screen {
  :root[data-theme=dark] {
    --canvas:#080e19; --canvas-warm:#0c1422;
    --canvas-gradient:radial-gradient(ellipse at 12% 0,#173c682e,transparent 55rem),linear-gradient(180deg,#0b1423,#080e19);
    --surface:#101c2ce8; --surface-strong:#111d2d; --surface-raised:#172539;
    --surface-subtle:#0d1828; --surface-blue:#14283f; --surface-lilac:#1c243e; --surface-mint:#14283a;
    --text:#edf3fc; --text-soft:#b9c8dd; --muted:#8fa5bf;
    --line:#8bb4e329; --line-soft:#8bb4e316;
    --header-bg:#091221d9; --header-line:#9dc3ed26;
    --field-bg:#0c1625; --control-bg:#0c1625; --control-bg-hover:#16283f;
    --control-border:#4a64834f; --control-bg-active:#245180;
    --panel-start:#11233a;--panel-end:#19243b;--panel-ink:#e5effc;--panel-copy:#b3c7e0;--panel-accent:#91bfff;--panel-inset:#14263e;--panel-line:#7ea8d836;
    --shadow:0 28px 70px #01061066; --shadow-soft:0 12px 32px #01061040;
  }
  :root[data-theme=dark] body {background:var(--canvas-gradient);color:var(--text);}
  :root[data-theme=dark] .simple-home.home-studio {
    --home-ink:#edf3fc; --home-copy:#b6c8e0; --home-muted:#94afcf;
    --home-accent:#84bcff; --studio-paper:#0c1524; --studio-line:#85b7ef29;
    background:#0b1423!important; color:var(--home-ink);
  }
  :root[data-theme=dark] .home-studio :is(.simple-home__masthead,.home-arches,.home-setting-guide--workshop) {
    background:radial-gradient(ellipse at 0 10%,#194a742f,transparent 58%),radial-gradient(ellipse at 100% 85%,#473d7b26,transparent 60%),linear-gradient(125deg,#0e1b2e,#101a2d 56%,#12192c);
    color:var(--home-ink);border-color:var(--studio-line);
  }
  :root[data-theme=dark] .home-studio .simple-home__masthead:before {opacity:.18;}
  :root[data-theme=dark] .home-studio .simple-home__title-blue {color:#edf3fc!important;}
  :root[data-theme=dark] .home-studio .simple-home__title-blue:last-child {background:linear-gradient(100deg,#80d5ff,#9db7ff 48%,#c6b8ff)!important;background-clip:text!important;-webkit-background-clip:text!important;}
  :root[data-theme=dark] .home-studio :is(.simple-home__masthead-lede,.simple-home__benefits li,.simple-home__eyebrow,.home-arch-info__shape,.home-arches__aliases,.home-arch-info__terms dd,.home-setting-guide--workshop>header>p:last-child,.home-setting-guide__steps p,.home-setting-guide__library p,.home-setting-guide__pdf p) {color:#b6c8e0;}
  :root[data-theme=dark] .home-studio :is(.simple-home__section-label,.home-arch-info__heading,.home-setting-guide--workshop>header>.simple-home__section-label,.home-setting-guide__pdf .simple-home__section-label) {color:#8ab7e8;}
  :root[data-theme=dark] .home-studio :is(.home-arches h2,.home-arches h3,.home-arch-info__terms dt,.home-setting-guide--workshop h2,.home-setting-guide__steps h3,.home-setting-guide__library h3,.home-setting-guide__pdf h3) {color:#e7f0fd;}
  :root[data-theme=dark] .home-studio :is(.simple-home__action--blue,.home-setting-guide__pdf>a) {color:#c9e0ff;background:#182c454f;border-color:#7ba7dd57;}
  :root[data-theme=dark] .home-studio :is(.simple-home__action--blue,.home-setting-guide__pdf>a):hover {background:#224265;}
  :root[data-theme=dark] .home-studio .home-arches__drawing {background:radial-gradient(ellipse at 25% 0,#294765,#122033 75%);box-shadow:0 26px 65px -25px #0008;}
  :root[data-theme=dark] .home-studio .home-scroll-story__progress {background:#0d1a2be8;border-color:var(--studio-line);}
  :root[data-theme=dark] .home-studio .home-scroll-story__progress button {color:#a7bed9;border-color:transparent;}
  :root[data-theme=dark] .home-studio .home-scroll-story__progress button:hover {background:#1a324c;color:#e6f2ff;}
  :root[data-theme=dark] .home-studio .home-scroll-story__progress button[aria-current] {color:#b5dcff;}
  :root[data-theme=dark] .home-studio .home-setting-guide__preview {background:#132237;border-color:#37506e;box-shadow:0 25px 65px -36px #0009;}
  :root[data-theme=dark] .home-studio .home-setting-guide__preview>span {background:#15263b;color:#bfdcff;border-color:#7ba7dd29;}
  :root[data-theme=dark] .home-studio .home-setting-guide__sheet-bar {color:#98b6da;border-color:#7ba7dd29;}
  :root[data-theme=dark] .home-studio .home-setting-guide__guide {color:#d5e6fc;border-color:#7ba7dd29;}
  :root[data-theme=dark] .home-studio .home-setting-guide__guide:hover {background:#19314b;color:#b7dfff;}
  :root[data-theme=dark] .home-studio .home-setting-guide__pdf {background:radial-gradient(at 100% 0,#50488526,transparent 60%),linear-gradient(115deg,#152b44,#1b2541);border-color:#6d93c349;box-shadow:none;}
  :root[data-theme=dark] :is(.subscription-plans,.subscription-plan,.credit-purchase,.home-plans,.simple-home__pricing) {color:var(--text);background:var(--surface-strong);border-color:var(--line);}
  :root[data-theme=dark] :is(.subscription-plan,.credit-purchase) :is(h2,h3,strong,.subscription-plan__price) {color:var(--text);}
  :root[data-theme=dark] :is(.subscription-plan,.credit-purchase) :is(p,li,small) {color:var(--text-soft);}
  :root[data-theme=dark] .site-footer {background:#091321;color:#a9bed8;border-color:#78a6da24;}
  :root[data-theme=dark] .site-footer :is(summary,a,.site-footer__copyright) {color:#b6cae4;}
  :root[data-theme=dark] .site-footer__calculators a:hover {background:#19314b;color:#e8f3ff;}
  :root[data-theme=dark] .calculator-workbench {
    --ws-paper:#111e30; --ws-canvas:#0c1829; --ws-wash:#17283d;
    --ws-line:#30435c; --ws-grid:#678cb61a; --ws-ink:#e5effc;
    --ws-copy:#a6b9d1; --ws-accent:#8ac4ff; --ws-selected:#203e5e;
    --ws-dim:#9fcef6; --ws-wall:#17283d;
    border-color:#5f83ad3d;box-shadow:0 22px 65px #01071433;
  }
  :root[data-theme=dark] body:has(.calculator-workbench) {background:#091321!important;}
  :root[data-theme=dark] .calculator-workbench :is(.arch-canvas,.arch-depth-preview__canvas,.jack-arch-three-d__canvas,.arch-depth-section,.arch-depth-section__diagram,.arch-depth-preview) {background:var(--ws-canvas);color:var(--ws-ink);}
  :root[data-theme=dark] .calculator-workbench :is(input,select,textarea) {background:#0b1728;color:#edf4ff;border-color:#415976;box-shadow:inset 0 1px #ffffff05;}
  :root[data-theme=dark] .calculator-workbench :is(input,select,textarea):focus {border-color:#8bc6ff;box-shadow:0 0 0 3px #4a9af328;}
  :root[data-theme=dark] .calculator-workbench :is(.calculator-print-button,.calculator-print-button:hover) {background:#286ca8!important;color:#fff!important;border-color:#5d9cd0!important;}
  :root[data-theme=dark] .calculator-workbench :is(.arch-depth-preview__toolbar,.arch-depth-preview__header,.jack-arch-three-d__toolbar,.jack-arch-three-d__summary,.drawing-studio__bar) {background:var(--ws-paper);border-color:var(--ws-line);color:var(--ws-copy);}
  :root[data-theme=dark] .calculator-workbench :is(.arch-depth-preview__dimension text,.jack-arch-three-d__dimension text,.arch-depth-section__dimension text,.arch-depth-section__side-labels) {fill:#a6d2fa;stroke:#0c1829;paint-order:stroke;}
  :root[data-theme=dark] .calculator-workbench .natural-stone-preset {background:#112338;border-color:#425d7c;color:#bbcee6;}
  :root[data-theme=dark] .calculator-workbench .natural-stone-preset[aria-pressed=true] {background:#203e5e;border-color:#80b8eb;color:#e6f2ff;box-shadow:inset 0 0 0 1px #80b8eb;}
  :root[data-theme=dark] :is(.legal-document,.legal-contact,.legal-page__hero,.account-panel,.account-card) {background:var(--surface-strong);border-color:var(--line);color:var(--text-soft);}
  :root[data-theme=dark] :is(.legal-document,.legal-contact) :is(h2,h3,strong) {color:var(--text);}
  :root[data-theme=dark] :is(.hanenkam-guide,.setting-guide-dialog,.hanenkam-guide__dialog) {background:var(--surface-strong);color:var(--text);border-color:var(--line);}
  :root[data-theme=dark] :is(.setting-film__facts,.setting-film__stock,.setting-film__calculation,.setting-film__options,.setting-film__reason) {background:var(--surface-subtle);color:var(--text-soft);border-color:var(--line);}
  :root[data-theme=dark] .setting-film__reason strong {color:var(--text);}
  :root[data-theme=dark] body:has(.home-studio) {background:#0b1423!important;}
  :root[data-theme=dark] body .desktop-topbar {background:linear-gradient(110deg,#0f1c2ef2,#17213af2)!important;border-color:#7397c136;box-shadow:0 12px 36px #01061040,inset 0 1px #bdd8fa0c;}
  :root[data-theme=dark] body .desktop-topbar :is(.desktop-topbar__link,.language-menu summary,.desktop-topbar__account) {color:#bdd0e9;}
  :root[data-theme=dark] body .desktop-topbar__link:is(.is-active,:hover) {color:#d8ecff;background:#244365;}
  :root[data-theme=dark] body:has(.home-studio) .site-footer {background:#091321;border-color:#78a6da24;}
  :root[data-theme=dark] .home-studio :is(.simple-home__template,.home-pdf,.home-pdf-story,.home-pdf-section,.simple-home__welcome,.credit-plans,.simple-home__support,.simple-home__final) {
    --panel-accent:#89bbfa;--panel-ink:#e5effc;--panel-copy:#b3c7e0;--panel-line:#7ea8d836;--panel-inset:#14263e;
    background:radial-gradient(ellipse at 100% 0,#37366329,transparent 60%),linear-gradient(120deg,#102139,#121e33);color:#e5effc;border-color:#7397c12e;
  }
  :root[data-theme=dark] .home-studio :is(.simple-home__template,.home-pdf,.home-pdf-story,.home-pdf-section,.simple-home__welcome,.credit-plans,.simple-home__support,.simple-home__final) :is(h2,h3,strong) {color:#e5effc;}
  :root[data-theme=dark] .home-studio :is(.simple-home__template,.home-pdf,.home-pdf-story,.home-pdf-section,.simple-home__welcome,.credit-plans,.simple-home__support,.simple-home__final) :is(p,li,small) {color:#b3c7e0;}
  :root[data-theme=dark] .home-studio .credit-plans .credit-purchase {background:linear-gradient(135deg,#182b45,#1c2842);border-color:#6c96c349;box-shadow:0 25px 60px -30px #0009;}
  :root[data-theme=dark] .home-studio .credit-purchase :is(select,.credit-purchase__tiers button) {background:#112238;color:#c7daf3;border-color:#577ba552;}
  :root[data-theme=dark] .home-studio .credit-purchase__tiers button[aria-pressed=true] {background:#244b75;border-color:#8cc2f5;color:#e3f1ff;}
  :root[data-theme=dark] .home-studio .home-pdf-preview>p {background:#15273f;color:#b5cce8;}
  :root[data-theme=dark] .auth-studio {
    --auth-ink:#e7f0fd;--auth-copy:#b4c7e1;
    background:radial-gradient(ellipse at 0 0,#19467440,transparent 60%),radial-gradient(at 95% 85%,#493d7030,transparent 65%),#0c1728;color:var(--auth-ink);
  }
  :root[data-theme=dark] .auth-studio .auth-card {background:linear-gradient(145deg,#182a40f5,#111f34f5);color:var(--auth-ink);border-color:#54779f4d;box-shadow:0 24px 65px -25px #0008,inset 0 1px #bdd8fa0c;}
  :root[data-theme=dark] .auth-studio :is(.auth-form>label>span,.auth-check,.auth-switch,.auth-studio__steps,.auth-studio__drawing>span,.auth-studio__drawing>div) {color:#b4c7e1;}
  :root[data-theme=dark] .auth-studio .auth-form :is(input:not([type=checkbox]),select) {background:#0c1b2e;color:#edf4ff;border-color:#446386;}
  :root[data-theme=dark] .auth-studio .auth-form :is(input:not([type=checkbox]),select):focus {background:#11233b;border-color:#8dc6ff;box-shadow:0 0 0 3px #5d8fe32e;}
  :root[data-theme=dark] .auth-studio :is(.auth-form label small,.auth-form__hint,.auth-form__row a,.auth-switch a,.auth-studio__steps span) {color:#9fc4ef;}
  :root[data-theme=dark] .auth-studio .auth-switch a[href^="/registreren"] {background:#18304f;border-color:#567ca44f;color:#c5dfff;}
  :root[data-theme=dark] .auth-studio .auth-notice {background:#152e4c;border-color:#496c9852;color:#b9dafc;}
  :root[data-theme=dark] .auth-studio .auth-notice--error {background:#342335;border-color:#a0688052;color:#ffb4c6;}
  :root[data-theme=dark] .home-studio :is(.home-arches__copy p,.home-arches__number,.home-arches__subscription,.simple-home__template-copy li,.simple-home__print-note p) {color:#b3c7e0;}
  :root[data-theme=dark] .home-studio :is(.home-arches__detail strong,.home-arches__link,.simple-home__template-link,.simple-home__print-note strong) {color:#d0e5ff;}
  :root[data-theme=dark] .home-studio .home-pdf-preview__bar {background:#172d47;color:#b4cfee;}
  :root[data-theme=dark] .home-studio .home-pdf-preview__bar a {color:#b0d6ff;}
  :root[data-theme=dark] .auth-studio .auth-card__brand img {filter:none;}
  :root[data-theme=dark] .auth-studio .auth-studio__drawing {background:radial-gradient(ellipse at center,#5076a31c,transparent 72%);}
  :root[data-theme=dark] body .desktop-topbar__brand img {filter:none!important;opacity:1;}
  :root[data-theme=dark] body .desktop-topbar__login {color:#c2d7f0;}
  :root[data-theme=dark] .home-studio :is(.home-arches__heading h2,.auth-studio__story h2 span) {background:linear-gradient(100deg,#dbedff,#97caff 58%,#bcb4fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
  :root[data-theme=dark] .auth-studio .auth-studio__story h2 span {background:linear-gradient(100deg,#a8ddff,#8dbdff 48%,#c5b9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
  :root[data-theme=dark] :is(.auth-studio__back,.auth-studio__eyebrow) {color:#a6c5e9;}
  :root[data-theme=dark] .home-studio :is(.home-arches__heading>p,.home-arches__drawing figcaption,.home-arches__drawing-header,.home-arches__drawing-footer,.home-arches__drawing-label,.home-arches__canvas-label) {color:#adc9e9;}
  :root[data-theme=dark] .home-studio .credit-purchase :is(.subscription-plan__name,.credit-purchase__total,label) {color:#d2e5ff;}
  :root[data-theme=dark] .home-studio .credit-purchase :is(small,.credit-purchase__summary>span) {color:#adc6e6;}
  :root[data-theme=dark] .home-studio .home-studio__intro-detail {color:#afc6e3;}
  :root[data-theme=dark] .auth-studio .auth-card__eyebrow {color:#96bff3!important;}
  :root[data-theme=dark] .auth-studio .auth-studio__eyebrow {color:#a6c5e9;}
  :root[data-theme=dark] body .desktop-topbar .language-menu summary {background:#1a2c44;color:#bcd2ed;border-color:#58789e66;}
  :root[data-theme=dark] .account-text-link {color:#b8b7fa;}
  /* Orientation colours belong to fabrication documents, not material previews. */
  :root .calculator-workbench .arch-depth-section__cell:is(.is-standing,.is-lying) {fill:var(--masonry-brick);stroke:var(--masonry-mortar);}
  :root .calculator-workbench .arch-depth-section > figcaption {display:none;}
  :root .calculator-workbench .arch-depth-section__cell-code {fill:#fff5eb;}
}
