/* DISPATCH B 404/408 (the Founder c1437, c1446 item 3): the legacy pages render light. site-theme.css already carries the
   light tokens and restores the dark values inside real bands (.hero, .on-band, .navy-band, footer); the pages lost their
   <html data-theme="dark">. What remains: page text that was written in the band ink (--bc-band-ink, meant for text on navy)
   reads in the page ink outside a band, and inside a band keeps the band ink. Look only. */
main, .g-main, .blog-container, .site-main { --bc-band-ink: var(--bc-ink); --bc-band-ink-2: var(--bc-ink-2); --bc-band-ink-3: var(--bc-ink-3); }
main .hero, main .on-band, main .navy-band, main .blog-hero, main .tier-demo-section, main .cta-strip, main .price-snap { --bc-band-ink: #E6ECF5; --bc-band-ink-2: #B8CDE0; --bc-band-ink-3: #9BBBD8; }
/* the generated pages (glossary, sources, subprocessors, updates, support, the Canada guides) take their ink from
   css/support/support.css, written for the navy canvas; on the light canvas the page ink applies */
.g-main { --g-ink: #1A1F2E; --g-ink2: #4B5563; --g-muted: #5A6478; }
/* the legacy nav's trial button: white on the text-safe teal (the accent teal failed contrast with white text) */
nav .nav-cta, .nav-cta { background: #007A62 !important; color: #FFFFFF !important; }
/* the legacy hero band stays navy (c1437); its heading, lede and breadcrumb keep the band ink there */
.hero h1, .hero h2, .hero p, .hero .eyebrow, .hero .breadcrumb, .hero .breadcrumb a, div.breadcrumb, div.breadcrumb a { color: #E6ECF5; }
.hero .breadcrumb-sep, div.breadcrumb .breadcrumb-sep { color: rgba(230,236,245,0.7); }
.hero .breadcrumb-current, div.breadcrumb .breadcrumb-current { color: #5EE6C4; }
.loop-stage { color: #006B56; }
.g-main { --g-btn-ink: #FFFFFF; }
.hero .hero-label, .hero a:not(.btn):not(.g-btn), .hero-label { color: #5EE6C4; }

/* Phone header (the Founder c1455 §D 3 and c1462; DISPATCH B 415 item 0d): on the hand-written navs, Book a Demo above Menu, right-aligned
   and the same width, as the shared header (assets/brand/site.css) shows them; the open menu panel sits under the taller header. */
.nav-phone { display: contents; }
.nav-demo { display: none; }
@media (max-width: 900px) {
  nav[data-phone-nav="static"] { position: relative; }
  nav { height: auto; min-height: 64px; padding-top: 10px; padding-bottom: 10px; align-items: center; }
  .nav-phone { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-left: auto; }
  .nav-demo { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 14px; border-radius: 8px; background: #007A62; color: #FFFFFF !important; font: 600 15px/1.5 'DM Sans', sans-serif; text-decoration: none; white-space: nowrap; }
  nav .nav-hamburger { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; min-height: 44px; min-width: 123px; margin-left: 0; padding: 0 10px; background: transparent; border: 1.5px solid #1A1F2E; border-radius: 8px; color: #1A1F2E; font: 600 16px/1.5 'DM Sans', sans-serif; cursor: pointer; }
  nav .nav-links.open { position: absolute; top: 100%; left: 0; right: 0; }
}