/* SNA division pages, dark mode (owner, 2026-10-12: "instead of the not used calculator put dark mode / light mode or let it be
   according to the settings of the user", then "delete the button and make it default according to user automatically",
   approved). The page follows the device setting, automatically: a script in <head> sets html[data-theme] before the page is
   drawn, and ui.js follows a change of the setting while the page is open. Photos, the hero sections and the footer stay as they are; the division colours stay the accents.
   Loaded last on every division page; the landing page is dark already and has no switch. */
html[data-theme="dark"]{color-scheme:dark;background:#0B1736}
html[data-theme="dark"] body[data-sector]{
  --white:#142650; --off:#0F1D40; --bg:#0B1736;
  --text:#D7E0EF; --text-dim:#A9B7D1; --text-faint:#8796B5; --muted:#93A2C0; --ink:#E8EEF8;
  --line:rgba(255,255,255,.10);
  --shadow-1:0 10px 30px rgba(0,0,0,.32); --shadow-2:0 22px 55px rgba(0,0,0,.45);
  --green-deep:var(--green-hi);
  background:#0B1736;color:var(--text)
}
html[data-theme="dark"] body[data-sector="energy"] .block{--green:#D4AF37}   /* the bright gold again (the deeper one was for white) */

/* the header on pages without a hero and once scrolled: dark glass, light links, the light logo */
html[data-theme="dark"] body.no-hero .topbar,html[data-theme="dark"] .topbar.is-scrolled{background:rgba(11,23,54,.9);box-shadow:0 6px 24px rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] body.no-hero .topbar__logo .logo--light,html[data-theme="dark"] .topbar.is-scrolled .topbar__logo .logo--light{display:block}
html[data-theme="dark"] body.no-hero .topbar__logo .logo--dark,html[data-theme="dark"] .topbar.is-scrolled .topbar__logo .logo--dark{display:none}
html[data-theme="dark"] body.no-hero .topbar__nav a,html[data-theme="dark"] .topbar.is-scrolled .topbar__nav a,
html[data-theme="dark"] body.no-hero .topbar__home,html[data-theme="dark"] .topbar.is-scrolled .topbar__home{color:#E6ECF7}
html[data-theme="dark"] body.no-hero .topbar__nav a:hover,html[data-theme="dark"] body.no-hero .topbar__nav a.is-active,
html[data-theme="dark"] .topbar.is-scrolled .topbar__nav a:hover,html[data-theme="dark"] .topbar.is-scrolled .topbar__nav a.is-active{color:var(--green)}
html[data-theme="dark"] body.no-hero .topbar__burger span,html[data-theme="dark"] .topbar.is-scrolled .topbar__burger span{background:#E6ECF7}
html[data-theme="dark"] body.no-hero .tools__btn,html[data-theme="dark"] .topbar.is-scrolled .tools__btn{border-color:rgba(255,255,255,.22);color:#E6ECF7}
html[data-theme="dark"] body.no-hero .tools__btn:hover,html[data-theme="dark"] body.no-hero .tools__btn[aria-expanded="true"],
html[data-theme="dark"] .topbar.is-scrolled .tools__btn:hover,html[data-theme="dark"] .topbar.is-scrolled .tools__btn[aria-expanded="true"]{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);color:#fff}

/* headings and navy text become light */
html[data-theme="dark"] .block h2,html[data-theme="dark"] .block h3,html[data-theme="dark"] .mvv__item h3,html[data-theme="dark"] .card h3,
html[data-theme="dark"] .faq__item summary,html[data-theme="dark"] .faq-group h3,html[data-theme="dark"] .standards__list strong,
html[data-theme="dark"] .eqshow__name,html[data-theme="dark"] .brands span,html[data-theme="dark"] .news-card h3,html[data-theme="dark"] .svc-sector,
html[data-theme="dark"] .dept-card__title,html[data-theme="dark"] .dept-card__mail,html[data-theme="dark"] .dept-card__info dd,html[data-theme="dark"] .dept-card__info dd a,
html[data-theme="dark"] .careers .apply__title,html[data-theme="dark"] .apply__legend,html[data-theme="dark"] .cf-label,html[data-theme="dark"] .cf-file__label,
html[data-theme="dark"] .careers__groups h3,html[data-theme="dark"] .careers__with{color:#F2F6FD}
html[data-theme="dark"] .card__icon{color:#F2F6FD}
html[data-theme="dark"] .mvv__icon{color:var(--green)}
html[data-theme="dark"] .btn--outline{color:#F2F6FD;border-color:rgba(255,255,255,.4)}
html[data-theme="dark"] .btn--outline:hover{background:#F2F6FD;color:#0B1736;border-color:#F2F6FD}

/* surfaces that were plain white */
html[data-theme="dark"] .eqshow{background:#142650}
html[data-theme="dark"] .projects figure{background:#142650;box-shadow:0 10px 26px rgba(0,0,0,.35)}
html[data-theme="dark"] .news-card__img,html[data-theme="dark"] .news-card__tag{background:#0F1D40}

/* the faint line drawings of the white sections: light lines instead of dark ones */
html[data-theme="dark"] .sdeco--light img,html[data-theme="dark"] .sdeco--light .sdeco__palm img{filter:brightness(0) invert(1)}

/* the application form */
html[data-theme="dark"] .cf{background:#0F1E44;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .cf:hover{border-color:rgba(255,255,255,.24)}
html[data-theme="dark"] .cf:focus{background:#132552}
html[data-theme="dark"] .cf-file{background:color-mix(in srgb,var(--green) 7%,#0F1E44)}
html[data-theme="dark"] .cf-file:hover,html[data-theme="dark"] .cf-file:focus-within{background:color-mix(in srgb,var(--green) 12%,#0F1E44)}
html[data-theme="dark"] .cf-file__btn{background:#142650;color:#F2F6FD;border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .careers__status.is-ok{background:rgba(118,184,67,.14);color:#CBEBB6;border-color:rgba(118,184,67,.4)}
html[data-theme="dark"] .careers__status.is-err{background:rgba(220,70,60,.14);color:#F6C2BD;border-color:rgba(220,70,60,.4)}

/* the contact cards' buttons and the cookie note */
html[data-theme="dark"] .dept-btn{background:color-mix(in srgb,var(--green) 14%,transparent);border-color:color-mix(in srgb,var(--green) 40%,transparent)}
html[data-theme="dark"] .consent{background:#142650;color:#D7E0EF;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .consent a,html[data-theme="dark"] .consent__no{color:#E6ECF7}
html[data-theme="dark"] .consent__no{background:transparent;border-color:rgba(255,255,255,.3)}
html[data-theme="dark"] .consent__no:hover{background:rgba(255,255,255,.08)}