/* Loaded only by home routes; follow system changes without storing a theme. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --canvas: #0c1321;
    --paper: #141e30;
    --ink: #eef3fc;
    --ink-soft: #abbad3;
    --line: #2b3952;
    --line-dark: #455b7b;
    --registry: #8db5ff;
    --registry-soft: #1b2b47;
    --signal: #8db5ff;
    --signal-soft: #182740;
    --highlight: #1b2b47;
    --highlight-strong: #29436b;
    --country-soft: #1b2b47;
    --concrete-deep: #111c2e;
    --landing-accent: #83afff;
  }

  .nav-inner,
  .site-nav.is-scrolled .nav-inner {
    background: rgba(20, 30, 48, .82);
    border-color: rgba(141, 181, 255, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05),
      0 12px 32px rgba(0, 0, 0, .24);
  }
  .nav-logo .brand-plain-wordmark { color: var(--ink); }
  .brand-plain-wordmark .wordmark-dot { color: #6492ff; }
  .nav-links a:hover,
  .nav-account:hover,
  .nav-login:hover { color: var(--landing-accent); }
  .language-options { background: var(--paper); box-shadow: 0 10px 32px rgba(0, 0, 0, .3); }
  .m-toggle, .m-nav { background: var(--paper); color: var(--ink); border-color: var(--line); }
  .m-menu[open] .m-toggle { background: var(--registry-soft); color: var(--ink); }

  h1 .hero-proof { text-decoration-color: var(--landing-accent); }
  .hero-scope select { border-color: var(--line); }
  .hero-search { background: var(--paper); border-color: #364969; border-left-color: var(--brand); }
  .hero-search input::placeholder { color: #abbad3; }
  .search-ic { color: var(--landing-accent); }
  .hero-search:focus-within { border-color: var(--landing-accent); box-shadow: 0 0 0 3px rgba(131, 175, 255, .18); }
  .coverage-globe-canvas { opacity: .5; }

  .use-cases { background: #0f192b; }
  .use-cases .use-case-grid,
  .is-supplier-story .use-case-investigate,
  .is-supplier-story.is-integration-stage .use-case-integrate,
  .is-supplier-story.is-tender-stage .use-case-tenders { background: var(--paper); border-color: var(--line); }
  /* The vector drawing uses night inks directly, preserving its blue accents. */
  .supplier-drawing { background: transparent; }
  .supplier-drawing [stroke="#24405f"] { stroke: #abc3df; }
  .supplier-drawing [fill="#24405f"] { fill: #abc3df; }
  .supplier-drawing [fill="#fff"] { fill: #1c2b41; }
  .supplier-drawing [stroke="#fff"] { stroke: #d1e0f4; }
  .supplier-drawing [fill="#edf3fa"],
  .supplier-drawing [fill="#f0f5fa"] { fill: #1b2c44; }
  .supplier-drawing [fill="#e8f1fb"],
  .supplier-drawing [fill="#d9e7f6"],
  .supplier-drawing [fill="#d1e7fa"],
  .supplier-drawing [fill="#dce4ff"],
  .supplier-drawing [fill="#edf3ff"] { fill: #294466; }
  .supplier-drawing [fill="#cbdcf7"] { fill: #4774b6; }
  .supplier-drawing [stroke="#b4c9df"],
  .supplier-drawing [stroke="#b0c4db"],
  .supplier-drawing [stroke="#9eb6d0"] { stroke: #6380a3; }
  .supplier-drawing [stroke="#809ab6"],
  .supplier-drawing [stroke="#7da6ce"] { stroke: #87a7cd; }
  .supplier-drawing [stroke="#4d83dc"] { stroke: #83afff; }
  .supplier-drawing .supplier-hidden-face { stroke: #efa3a6; }
  .supplier-drawing .supplier-hidden-face [fill="#d9e7f6"] { fill: #853b49; }
  .supplier-drawing .supplier-hidden-face [fill="#24405f"] { fill: #3e1e2a; }
  /* Convert paper whites to transparent black and blue inks to night outlines.
     Hue rotation keeps colored accents in their original color families. */
  .integration-drawing { background: transparent; mix-blend-mode: screen; }
  .integration-scene, .counter-effects { filter: invert(1) hue-rotate(180deg); }
  /* These colors become a pale panel and dark lettering after the scene filter. */
  .counter-closed-sign rect { fill: #172336; }
  .counter-closed-sign text { fill: #fff; }
  .tender-drawing { background: transparent; }
  .tender-drawing image[href="/tender-story/fisherman.webp"],
  .tender-drawing image[href="/tender-story/net.webp"] {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: screen;
  }
  .tender-drawing [stroke="#273b56"] { stroke: #abc3df; }
  .tender-drawing [stroke="#7894b2"],
  .tender-drawing [stroke="#6d97bf"] { stroke: #87a7cd; }
  .tender-drawing [stroke="#c4d8e9"] { stroke: #456385; }
  .tender-drawing [stroke="var(--brand)"] { stroke: #83afff; }
  .tender-drawing path[fill="#fff"],
  .tender-drawing circle[fill="#fff"] { fill: #1c2b41; }
  .tender-drawing [fill="#eef4fa"],
  .tender-drawing [fill="#f1f6fb"] { fill: #1b2c44; }
  .counter-country-colors {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .counter-animal-colors { opacity: var(--counter-waiting, 0); }
  .counter-light-wordmark { display: none; }
  .integration-simple { color: var(--landing-accent); }
  .integration-strike { color: var(--landing-accent); }

  .faq-sec { border-color: var(--line); }
  .faq-list details[open] summary { color: var(--landing-accent); }
  a:focus-visible, button:focus-visible, summary:focus-visible,
  select:focus-visible, input:focus-visible { outline-color: var(--landing-accent); }

  footer::before { background: #090f1b; }
  .f-col h4 { color: #dce7fc; }
  .footer-tagline, .f-col a, .footer-legal { color: #abbad3; }
  .footer-bottom { border-color: var(--line); }
  .footer-copy { color: #9cacc7; }
}