/* A brighter navy foundation, preserving the site's light content sections. */
:root {
  --navy-base: #102b50;
  --navy-deep: #0d2445;
  --navy-panel: #173b66;
  --navy-inset: #123255;
  --navy-line: #345b87;
  --navy-copy: #c2d3e8;
  --pale: #f1f6fc;
}

.site-header {
  background: rgba(13, 36, 69, .95);
  border-bottom-color: rgba(161, 192, 233, .18);
}
.solution-nav__menu { background: rgba(18, 47, 83, .98); }
.solution-nav__menu a:hover { background: rgba(112, 173, 255, .15); }
.mobile.open,
html[lang="en"] .mobile.open { background: var(--navy-deep); }
.site-header .offline-language-switcher option { background: var(--navy-panel); }
footer { background: var(--navy-deep); color: var(--navy-copy); }

.dark,
.hp.dark { background: var(--navy-base); }
.subhero {
  background-color: var(--navy-base);
  background-image:
    linear-gradient(90deg, rgba(125, 177, 247, .075) 1px, transparent 1px),
    linear-gradient(rgba(125, 177, 247, .075) 1px, transparent 1px),
    radial-gradient(circle at 76% 20%, #1b4d85, transparent 48%);
}
.subhero p:not(.eyebrow),
.hp.dark .lead,
.hp.dark .hp-point span { color: var(--navy-copy); }
.hp.dark .hp-point { border-color: var(--navy-line); }

.hp.light,
.deployed-projects,
.pale { background: var(--pale); }
.hp-media,
.hp-media--video,
.technology-animation { background: var(--navy-base); }
.hp-media figcaption { background: var(--navy-panel); }
.hp-factory__visual figcaption { background: rgba(15, 44, 82, .84); }

.offline-solution-directory article:nth-child(2) { background: var(--navy-panel); }
.offline-solution-directory article:nth-child(2) p { color: var(--navy-copy); }

.hp-product,
.sensor-dialog { background: var(--navy-panel); border-color: var(--navy-line); }
.sensor-preview { background: var(--navy-inset); }
.sensor-preview span { background: rgba(19, 53, 94, .92); border-color: #6390bd; }
.sensor-dialog::backdrop { background: rgba(5, 18, 39, .8); }
.sensor-dialog p { color: var(--navy-copy); }
#l2-products .l2-product-intro p,
#l2-products .l2-product-description,
#l2-products .l2-extra-panel > p,
#l2-products .l2-product-note,
#l2-products .l2-product-footnote p { color: var(--navy-copy); }
#l2-products .l2-product-meta,
#l2-products .l2-feature-heading > span { color: #b5cde9; }
#l2-products .l2-product-tag,
#l2-products .l2-sensors,
#l2-products .l2-sensors li,
#l2-products .l2-features li,
#l2-products .l2-extras,
#l2-products .l2-product-note,
#l2-products .l2-product-footnote { border-color: var(--navy-line); }
#l2-products .l2-sensors li,
#l2-products .l2-features li { background: var(--navy-inset); }
#l2-products .l2-features--extra li { background: #102c4d; }
#l2-products .l2-features span { color: #d1dff0; }

.offline-l2-hero .l2-adas__node {
  background: #15385f;
  border-color: rgba(103, 166, 226, .52);
}
.offline-l2-hero .l2-adas__node span { color: #c0d3e9; }
.offline-l2-hero .l2-adas__center {
  background: linear-gradient(135deg, rgba(40, 131, 220, .66), rgba(27, 112, 181, .36));
  border-color: rgba(137, 203, 255, .66);
}

.physical-cycle { background: var(--navy-base); }
.physical-orbit { border-color: #4f83bb; }
.physical-orbit::before { border-color: var(--navy-line); }
.physical-orbit span { background: var(--navy-panel); border-color: #517cad; }
.physical-cycle > p { color: #acc9e8; }
.gc-map { background: var(--navy-base); }
.gc-map #gcg stop:first-child { stop-color: #244f83; }
.gc-map #gcg stop:last-child { stop-color: var(--navy-base); }
.network-legend { background: rgba(13, 36, 69, .92); border-color: var(--navy-line); }
.network-legend span { color: #b1cbe7; }

.about-vision { background: linear-gradient(120deg, #14385f, #1b528e 65%, #2867a4); }