/* Nabtech 2026 | Genuine dual theme, official assets and refined modal typography.
   Dark retains the original cinematic presentation. Light is an independent,
   high-contrast corporate visual system with restrained blue/mint accents. */
:root{color-scheme:dark}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f8fc;--bg2:#edf3f9;--panel:#ffffff;--panel2:#e9f1f9;
  --ink:#15253c;--muted:#50657c;--muted2:#64788e;
  --stroke:rgba(31,77,111,.14);--cobalt:#315cba;--mint:#136d63;
  --acid:#246b89;--violet:#6650b4;
}
/* The official dark- and light-surface logos have identical designs with
   contrasting original lettering. Never recolor, redraw or modify the files. */
.brand{gap:0;min-width:0}
.brand-logo{display:block;flex:0 0 auto;width:clamp(160px,14.3vw,197px)}
.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}
.brand-logo--light{display:none}
:root[data-theme="light"] .brand-logo--dark{display:none}
:root[data-theme="light"] .brand-logo--light{display:block}
.footer-brand .brand-logo{width:190px;max-width:100%}
/* Site-wide, fully keyboard-accessible theme control. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.theme-toggle{position:relative;display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;border:1px solid rgba(160,198,229,.29);background:rgba(154,195,224,.07);color:#e7f3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.theme-toggle:hover{border-color:#a3f1d7;background:rgba(144,228,205,.14);transform:translateY(-1px);box-shadow:0 7px 23px rgba(0,0,0,.08)}
.theme-toggle:focus-visible{outline:2px solid #78c6d3;outline-offset:3px}
.theme-icon{width:21px;height:21px;display:block;grid-area:1/1;transition:opacity .24s,transform .35s}
.theme-icon-moon{opacity:0;transform:rotate(-65deg) scale(.65)}
.theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
:root[data-theme="light"] .theme-icon-sun{opacity:0;transform:rotate(60deg) scale(.6)}
:root[data-theme="light"] .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}
:root[data-theme="light"] .theme-toggle{background:#fff;color:#153a58;border-color:#bdd0df;box-shadow:0 5px 16px rgba(38,85,124,.07)}
:root[data-theme="light"] .theme-toggle:hover{background:#eaf7f5;border-color:#78aca9}
.nav-shell{gap:clamp(13px,1.8vw,24px)}
.nav-links{gap:clamp(13px,1.6vw,27px)}
/* Fonts with descenders (g, p, q, y) need room inside their line box.
   This also prevents the gradient ink from clipping its last row of pixels. */
h1,h2,h3,h4{line-height:1.135}
.hero-copy h1,.subhero h1,.launch-copy h2,.ai-integrate-intro h1{line-height:1.13;overflow:visible;padding-bottom:.055em}
.launch-copy h2 em,.hero-copy h1 em,.subhero h1 em{padding-bottom:.055em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.launch-modal{max-width:none;width:min(92vw,1660px);height:min(91dvh,1040px);min-height:0;max-height:91dvh;grid-template-columns:minmax(0,1.085fr) minmax(0,.915fr)}
.launch-panel-left{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,3vw,56px);scrollbar-width:thin;scrollbar-color:#62849f40 transparent}
.launch-copy{margin:auto 0;min-width:0;flex-shrink:0}
.launch-chip{flex-wrap:wrap;line-height:1.55}
.launch-serial{margin-bottom:clamp(12px,2vh,24px)}
.launch-copy h2{font-size:clamp(38px,4.1vw,72px);margin-bottom:clamp(12px,2vh,22px)}
.launch-copy>p{line-height:1.65;margin-bottom:clamp(13px,2vh,23px)}
.launch-feature-strip{margin-bottom:clamp(15px,2.2vh,26px)}
.launch-panel-left .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:680px;gap:12px}
.launch-panel-left .button-row>.btn{min-width:0;width:100%;min-height:55px;padding:14px 13px;line-height:1.3;display:flex;gap:10px;justify-content:center;overflow-wrap:anywhere;font-size:clamp(11px,.9vw,14px)}
.launch-panel-left .button-row>.btn>span{flex:0 0 auto}
.launch-bottom-line{flex-wrap:wrap;gap:8px;margin-top:clamp(18px,3vh,35px);line-height:1.5}
/* At laptop widths, keep the right-side art, but never clip the left actions. */
@media(max-width:1150px){
  .launch-modal{width:min(96vw,1180px);height:min(93dvh,980px);max-height:93dvh;grid-template-columns:1.11fr .89fr}
  .launch-panel-left{padding:clamp(22px,3vw,35px)}
  .launch-copy h2{font-size:clamp(36px,4.6vw,60px)}
  .launch-panel-left .button-row{grid-template-columns:1fr;gap:9px;max-width:410px}
  .launch-panel-left .button-row>.btn{min-height:48px}
  .nav-links{gap:12px}
  .brand-logo{width:170px}
}
@media(max-width:980px){
  .launch-modal{display:flex;flex-direction:column;width:min(95vw,700px);height:min(94dvh,1000px);max-height:94dvh;overflow-y:auto;overflow-x:hidden}
  .launch-panel-left{order:0;min-height:auto;flex:0 0 auto;overflow:visible;padding:26px clamp(18px,4.2vw,34px) 20px}
  .launch-copy{margin:24px 0 12px}
  .launch-copy h2{font-size:clamp(37px,7vw,53px);line-height:1.16}
  .launch-panel-left .button-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:10px}
  .launch-panel-right{height:clamp(205px,27vh,300px);min-height:205px;flex:0 0 auto;order:1}
  .launch-close{position:sticky;align-self:flex-end;top:12px;right:auto;margin:12px 12px -48px 0;z-index:20;flex:0 0 39px}
  .launch-panel-right .launch-planet{width:145px;height:145px}
}
@media(max-width:620px){
  .launch-modal{width:calc(100vw - 14px);height:min(95dvh,960px);max-height:95dvh;border-radius:20px}
  .launch-panel-left{padding:24px 19px 20px}
  .launch-copy{margin:18px 0 12px}
  .launch-copy h2{font-size:clamp(33px,8.1vw,46px);line-height:1.16}
  .launch-copy>p{font-size:12.5px;line-height:1.65}
  .launch-panel-left .button-row{grid-template-columns:1fr;max-width:none;gap:9px}
  .launch-panel-left .button-row>.btn{min-height:48px;font-size:12px}
  .launch-feature-strip{gap:8px 12px}
  .launch-feature-strip>span{font-size:9px}
  .launch-panel-right{height:225px;min-height:225px}
  .launch-bottom-line span:nth-child(2){display:none}
  .brand-logo{width:155px}
  .nav-shell{gap:11px}
  .theme-toggle{width:39px;height:39px;flex-basis:39px;border-radius:12px}
}
@media(max-width:350px){.brand-logo{width:136px}.theme-toggle{width:36px;height:36px;flex-basis:36px}.launch-copy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.theme-icon,.theme-toggle{transition:none}}
/* LIGHT CORPORATE PALETTE */
:root[data-theme="light"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="light"] body::before{opacity:.007}
:root[data-theme="light"] .site-header{background:rgba(250,252,255,.91);border-bottom-color:rgba(37,79,109,.12);box-shadow:0 7px 25px rgba(21,55,86,.035)}
:root[data-theme="light"] .site-header.scrolled{background:rgba(250,253,255,.97);box-shadow:0 10px 30px rgba(37,72,103,.09)}
:root[data-theme="light"] .nav-links>a,
:root[data-theme="light"] .nav-dropdown>button{color:#2c405b}
:root[data-theme="light"] .nav-links>a:hover,
:root[data-theme="light"] .nav-dropdown>button:hover,
:root[data-theme="light"] .nav-links>a.is-current{color:#105e61}
:root[data-theme="light"] .nav-dropdown .dropdown-panel{background:#fff;border:1px solid #d6e3ec;box-shadow:0 22px 65px rgba(17,53,83,.14)}
:root[data-theme="light"] .dropdown-panel a{color:#1d3451}
:root[data-theme="light"] .dropdown-panel a:hover{background:#eaf6f4}
:root[data-theme="light"] .dropdown-panel small{color:#60768f}
:root[data-theme="light"] .nav-toggle span{background:#1c3452}
:root[data-theme="light"] .announcement{background:#d9f5ed;color:#0b4d4e}
:root[data-theme="light"] .announcement a{border-color:#32787788}
:root[data-theme="light"] .btn-primary{background:linear-gradient(125deg,#176e77,#13578d);color:#fff;box-shadow:0 12px 23px rgba(22,86,111,.14)}
:root[data-theme="light"] .btn-primary:hover{background:linear-gradient(125deg,#168c7a,#126a9c);box-shadow:0 13px 30px rgba(22,94,112,.23)}
:root[data-theme="light"] .btn-outline,
:root[data-theme="light"] .btn-modal-secondary{color:#213e59;background:#ffffffbe;border-color:#b5c8d8}
:root[data-theme="light"] .btn-outline:hover,
:root[data-theme="light"] .btn-modal-secondary:hover{background:#e8f5f4;color:#134e59;border-color:#7ba9ad}
:root[data-theme="light"] .btn-quiet{color:#165d74}
:root[data-theme="light"] .btn-dark{color:#fff;background:#173953}
:root[data-theme="light"] .eyebrow{color:#12675f}
:root[data-theme="light"] em{color:#146b65}
:root[data-theme="light"] .gradient-type,
:root[data-theme="light"] .hero-glow-text{background:linear-gradient(100deg,#087b82 5%,#155d9e 65%,#5564aa);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="light"] .title-stop{color:#1b8071}
:root[data-theme="light"] .text-link{color:#145b68;border-color:#83aaa9}
:root[data-theme="light"] .section-heading-centered>p,
:root[data-theme="light"] .section-heading-line>p{color:#526b81}
:root[data-theme="light"] .hero-home{background:radial-gradient(ellipse at 84% 34%,#c9e5f6 0%,transparent 56%),radial-gradient(ellipse at 18% 75%,#dbf5eb 0%,transparent 60%),linear-gradient(135deg,#f9fcff,#eaf3fc);border-color:#cfdfed}
:root[data-theme="light"] .hero-grid{opacity:.36}
:root[data-theme="light"] .hero-home:before{border-color:#529bc124;box-shadow:0 0 0 130px #2c93be0a,0 0 0 260px #a9cbea12}
:root[data-theme="light"] .hero-intro{color:#295e6b}
:root[data-theme="light"] .hero-copy h1{color:#142d43}
:root[data-theme="light"] .hero-lede,
:root[data-theme="light"] .hero-micro p,
:root[data-theme="light"] .hero-bottom{color:#4b647c}
:root[data-theme="light"] .hero-micro strong{color:#17354e}
:root[data-theme="light"] .hero-bottom-arrow{background:#fff;border-color:#c1d8e6;color:#21546a}
:root[data-theme="light"] .float-panel{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(238,248,252,.97));border:1px solid #bad2e3;box-shadow:0 20px 45px rgba(48,88,123,.13);color:#1b3953}
:root[data-theme="light"] .float-panel small{color:#526e86}
:root[data-theme="light"] .subhero,
:root[data-theme="light"] .industries-subhero,
:root[data-theme="light"] .product-universe-hero,
:root[data-theme="light"] .faq-hero,
:root[data-theme="light"] .ai-integrate-hero{background:radial-gradient(ellipse at 83% 32%,#c5e3f36b,transparent 59%),radial-gradient(ellipse at 12% 80%,#d5f2e674,transparent 57%),linear-gradient(135deg,#f8fbff,#ebf3fa);border-bottom:1px solid #cbdeeb}
:root[data-theme="light"] .subhero h1,
:root[data-theme="light"] .ai-integrate-intro h1{color:#142c44}
:root[data-theme="light"] .subhero p,
:root[data-theme="light"] .ai-integrate-intro>p{color:#536b82}
:root[data-theme="light"] .section-intro,
:root[data-theme="light"] .products-section,
:root[data-theme="light"] .selected-work-section,
:root[data-theme="light"] .own-products-section,
:root[data-theme="light"] .faq-explorer-section,
:root[data-theme="light"] .industry-explorer,
:root[data-theme="light"] .ai-possibilities-section{background:#f6f9fd;color:#182d47}
:root[data-theme="light"] .process-section,
:root[data-theme="light"] .human-section,
:root[data-theme="light"] .case-feature-section,
:root[data-theme="light"] .contact-section,
:root[data-theme="light"] .africa-ai-section,
:root[data-theme="light"] .ai-applications-section{background:#ebf3f9;color:#1b334b}
:root[data-theme="light"] .light-section{background:#e9f2f8}
:root[data-theme="light"] .opsiq-section{background:radial-gradient(ellipse at 81% 42%,#183e64,#0a1a32 73%);color:#f4f8ff}
:root[data-theme="light"] .opsiq-section .product-feature-copy h2,
:root[data-theme="light"] .opsiq-section .product-feature-copy h2 em{color:#eefaff}
:root[data-theme="light"] .opsiq-section .eyebrow{color:#a2ebd0}
:root[data-theme="light"] .opsiq-section .btn-outline{background:#ffffff1a;color:#f0fcff;border-color:#c6f4ee60}
:root[data-theme="light"] .capability-card,
:root[data-theme="light"] .product-card,
:root[data-theme="light"] .human-card,
:root[data-theme="light"] .value-card,
:root[data-theme="light"] .team-practices article,
:root[data-theme="light"] .consult-grid article,
:root[data-theme="light"] .form-card,
:root[data-theme="light"] .solution-tile,
:root[data-theme="light"] .commerce-option,
:root[data-theme="light"] .industry-tile,
:root[data-theme="light"] .faq-side-panel,
:root[data-theme="light"] .ai-possibility-card,
:root[data-theme="light"] .owned-product{
  background:linear-gradient(140deg,#fff,#f1f7fc);color:#1b334b;
  border-color:#d3e1ec;box-shadow:0 13px 40px rgba(29,81,117,.055)
}
:root[data-theme="light"] .capability-card:hover,
:root[data-theme="light"] .industry-tile:hover,
:root[data-theme="light"] .ai-possibility-card:hover,
:root[data-theme="light"] .product-card:hover{border-color:#8cb6bf;box-shadow:0 20px 46px rgba(28,103,120,.12)}
:root[data-theme="light"] .capability-card h3,
:root[data-theme="light"] .product-card h3,
:root[data-theme="light"] .value-card h3,
:root[data-theme="light"] .industry-tile h3,
:root[data-theme="light"] .ai-possibility-card h3,
:root[data-theme="light"] .owned-product h3,
:root[data-theme="light"] .solution-tile h2,
:root[data-theme="light"] .commerce-option h2{color:#19344c}
:root[data-theme="light"] .cap-copy p,
:root[data-theme="light"] .value-card p,
:root[data-theme="light"] .team-practices p,
:root[data-theme="light"] .consult-grid p,
:root[data-theme="light"] .solution-tile p,
:root[data-theme="light"] .commerce-option p,
:root[data-theme="light"] .industry-tile>p,
:root[data-theme="light"] .ai-possibility-card p,
:root[data-theme="light"] .owned-product p,
:root[data-theme="light"] .journal-card p{color:#566e85}
:root[data-theme="light"] .industry-tile-tags span,
:root[data-theme="light"] .owned-product-pill-row span{background:#e7f5f2;color:#185d61;border-color:#b9dacf}
:root[data-theme="light"] .industry-index,
:root[data-theme="light"] .industry-card-link,
:root[data-theme="light"] .industry-symbol{color:#147771}
:root[data-theme="light"] .industry-capabilities-row article,
:root[data-theme="light"] .owned-action-grid>a{background:#fff;border-color:#d4e2eb;color:#1e354a}
:root[data-theme="light"] .industry-capabilities-row p,
:root[data-theme="light"] .owned-action-grid p{color:#587086}
:root[data-theme="light"] .industry-manifesto p,
:root[data-theme="light"] .industry-hero-note,
:root[data-theme="light"] .industry-result-count,
:root[data-theme="light"] .faq-results-bar,
:root[data-theme="light"] .faq-hero-bottom{color:#547084}
:root[data-theme="light"] .industry-search-wrap,
:root[data-theme="light"] .faq-search-field{background:#fff;border-color:#bed2df;box-shadow:0 12px 30px rgba(23,65,95,.055)}
:root[data-theme="light"] .industry-search-wrap input,
:root[data-theme="light"] .faq-search-field input{background:transparent;color:#183651}
:root[data-theme="light"] .industry-search-wrap input::placeholder,
:root[data-theme="light"] .faq-search-field input::placeholder{color:#758b9d}
:root[data-theme="light"] .industry-search-wrap>span,
:root[data-theme="light"] .faq-search-field>span,
:root[data-theme="light"] .industry-search-wrap kbd,
:root[data-theme="light"] .faq-search-field kbd{color:#53738a}
:root[data-theme="light"] .industry-filter,
:root[data-theme="light"] .faq-category-tabs button{background:#fff;color:#3c556b;border-color:#c8d9e4}
:root[data-theme="light"] .industry-filter:hover,
:root[data-theme="light"] .faq-category-tabs button:hover{background:#e3f2ef;color:#145c5d;border-color:#8dbfb7}
:root[data-theme="light"] .industry-filter.is-active,
:root[data-theme="light"] .faq-category-tabs button.is-active{background:#126878;color:#fff;border-color:#126878}
:root[data-theme="light"] .faq-big-question{color:#b6cfe0}
:root[data-theme="light"] .faq-topic-heading,
:root[data-theme="light"] .faq-question>summary{color:#1e364d}
:root[data-theme="light"] .faq-topic-items,
:root[data-theme="light"] .faq-question{background:#fff;border-color:#d6e2e9}
:root[data-theme="light"] .faq-question-index,
:root[data-theme="light"] .faq-topic-num{color:#507283}
:root[data-theme="light"] .faq-question-toggle{background:#e0f3ed;color:#166d66}
:root[data-theme="light"] .faq-answer,
:root[data-theme="light"] .faq-answer p{color:#526b81}
:root[data-theme="light"] .faq-side-panel p{color:#567086}
:root[data-theme="light"] .faq-side-email{color:#15666d}
:root[data-theme="light"] .industry-no-results,
:root[data-theme="light"] .faq-nothing{color:#1b364f}
:root[data-theme="light"] .industry-no-results p,
:root[data-theme="light"] .faq-nothing p{color:#5a7189}
:root[data-theme="light"] .ai-usecase-detail{background:#fff;border-color:#c6dadf}
:root[data-theme="light"] .africa-ai-details h3,
:root[data-theme="light"] .ai-applications-inner h2,
:root[data-theme="light"] .ai-proof-grid h2,
:root[data-theme="light"] .ai-leadership-inner h2{color:#153349}
:root[data-theme="light"] .africa-ai-lead>p,
:root[data-theme="light"] .ai-applications-inner p,
:root[data-theme="light"] .ai-proof-grid p{color:#567086}
:root[data-theme="light"] .ai-usecases>button{background:#fff;color:#33546a;border-color:#c3d7dd}
:root[data-theme="light"] .ai-usecases>button.is-active{background:#176c76;color:#fff;border-color:#176c76}
:root[data-theme="light"] .ai-applications-cloud{background:radial-gradient(circle at 53% 48%,#c7e1ea,transparent 65%),#fff;border-color:#b9d4e1;box-shadow:16px 22px 45px rgba(39,89,120,.11)}
:root[data-theme="light"] .ai-applications-cloud span{color:#17646a;background:#e8f5f2;border-color:#b8d9d4}
:root[data-theme="light"] .ai-proof-section{background:linear-gradient(145deg,#e7f5f1,#edf5fa)}
:root[data-theme="light"] .ai-proof-name{color:#163c51;text-shadow:0 8px 35px rgba(23,112,122,.12)}
:root[data-theme="light"] .ai-proof-name span{color:#167769}
:root[data-theme="light"] .ai-proof-name small,
:root[data-theme="light"] .ai-proof-label{color:#527888}
:root[data-theme="light"] .form-card input,
:root[data-theme="light"] .form-card select,
:root[data-theme="light"] .form-card textarea{background:#fff;color:#1c3650;border-color:#c3d4df}
:root[data-theme="light"] .journal-card-meta{color:#526a80}
:root[data-theme="light"] .owned-product-visual{background:radial-gradient(ellipse at 50% 45%,#284a65,#13253f 62%,#0b1b30);color:#f0fbff}
:root[data-theme="light"] .owned-product-word{color:#124764}
:root[data-theme="light"] .owned-product-after{background:#e7f1f8;color:#183a50}
/* The fully responsive cinematic launch is light on the copy side in light mode,
   while its orbital stage remains rich/navy for deliberate visual contrast. */
:root[data-theme="light"] .launch-modal{background:#f8fcff;border-color:#b7d4e2;box-shadow:0 35px 95px #25425b38,0 0 85px #6dcab625}
:root[data-theme="light"] .launch-panel-left{background:radial-gradient(circle at 8% 72%,#c8ebec5e,transparent 61%),linear-gradient(135deg,#f9fdff,#eaf3fa)}
:root[data-theme="light"] .launch-copy h2{color:#1a344a}
:root[data-theme="light"] .launch-copy h2 em{background:linear-gradient(115deg,#09776a,#2856a0);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-theme="light"] .launch-chip{color:#137163}
:root[data-theme="light"] .launch-serial{color:#447a8d}
:root[data-theme="light"] .launch-copy>p{color:#516b7c}
:root[data-theme="light"] .launch-copy>p strong{color:#183a4a}
:root[data-theme="light"] .launch-feature-strip>span{color:#30596d}
:root[data-theme="light"] .launch-bottom-line{color:#4d6f80}
:root[data-theme="light"] .launch-close{background:#f1f8fc;color:#234057;border-color:#adc8d5}
:root[data-theme="light"] .launch-close:hover{background:#d9f4eb}
:root[data-theme="light"] .launch-panel-left .btn-modal-secondary{background:#fff;color:#204b64;border-color:#aec7d5}
/* Preserve readable contrast for feature banners that are intentionally dark. */
:root[data-theme="light"] .final-cta{background:linear-gradient(127deg,#133149,#193c5b);color:#f5fbff}
:root[data-theme="light"] .final-cta h2,
:root[data-theme="light"] .final-cta p{color:#f1f8ff}
:root[data-theme="light"] .final-cta .eyebrow,
:root[data-theme="light"] .final-cta em,
:root[data-theme="light"] .final-cta .btn-quiet{color:#b2f5d9}
:root[data-theme="light"] .industry-last-word,
:root[data-theme="light"] .faq-bottom-banner,
:root[data-theme="light"] .ai-conversation{background:#e2f0f8;color:#14354e}
:root[data-theme="light"] .industry-last-word h2,
:root[data-theme="light"] .faq-bottom-content h2,
:root[data-theme="light"] .ai-conversation h2{color:#14364e}
:root[data-theme="light"] .industry-last-word p,
:root[data-theme="light"] .faq-bottom-content p,
:root[data-theme="light"] .ai-conversation p{color:#4f687d}
:root[data-theme="light"] .site-footer{background:#f8fbff;color:#20394e;border-top-color:#cddce8}
:root[data-theme="light"] .footer-brand-block>p,
:root[data-theme="light"] .footer-col a,
:root[data-theme="light"] .footer-bottom p,
:root[data-theme="light"] .footer-bottom-links a{color:#536c82}
:root[data-theme="light"] .footer-col h3{color:#1c3a53}
:root[data-theme="light"] .footer-email{color:#176b6d}
:root[data-theme="light"] .footer-email:hover,
:root[data-theme="light"] .footer-col a:hover{color:#117b74}
:root[data-theme="light"] .footer-bottom{border-color:#d5e1ea}
:root[data-theme="light"] .back-top{background:#176777;color:#fff;border-color:#176777}
/* Mobile navigation must remain readable when the page is light. */
@media(max-width:980px){
  :root[data-theme="light"] .nav-links{background:#f9fcff;color:#1b354c;border-color:#d6e5ed}
  :root[data-theme="light"] .nav-dropdown .dropdown-panel{box-shadow:none;background:#eff7f9;border-color:#d7e5ed}
}