/* Both themes share layout, typography, motion, and content. */
.site-nav .theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  flex-shrink: 0; min-height: 44px; min-width: 88px; margin-left: 14px;
  padding: 10px 12px; border: 1px solid var(--ch-border); border-radius: 10px;
  background: transparent; color: var(--ch-text); font: inherit; font-size: 12px;
  line-height: 1.5; cursor: pointer;
}
.site-nav .theme-toggle[hidden] { display: none; }
.theme-toggle svg { width: 18px; height: 18px; flex-shrink: 0; }
.theme-toggle .theme-moon { display: none; }
[data-theme="light"] .theme-toggle .theme-moon { display: block; }
[data-theme="light"] .theme-toggle .theme-sun { display: none; }
.theme-toggle:hover { background: var(--ch-surface); border-color: var(--ch-green); }
@media (min-width: 981px) and (max-width: 1150px) {
  .site-nav .navmenu { gap: 2px; }
  .site-nav .navmenu li { padding-left: 8px; padding-right: 8px; }
  .site-nav .logo { width: 165px; }
}
@media (max-width: 980px) {
  .site-nav .theme-toggle { position: absolute; right: 76px; margin: 0; }
}
@media (max-width: 380px) {
  .site-nav .theme-toggle { min-width: 44px; padding: 10px; }
  .theme-toggle [data-theme-label] { display: none; }
  .site-nav .logo { width: 155px; }
}

:root[data-theme="light"] {
  --bodyBgColor: #f7f8f4;
  --whiteColor: #202b22;
  --grayTextColor: #54614f;
  --greenColor: #396322;
  --buttonBgColor: #e8ede2;
  --boxBgColor: #ffffff;
  --ch-surface: #ffffff;
  --ch-border: #cbd3c4;
  --ch-text: #202b22;
  --ch-muted: #54614f;
  --ch-green: #396322;
}
[data-theme="light"] body { background: var(--bodyBgColor); }
[data-theme="light"] .information-page nav.site-nav,
[data-theme="light"] .site-nav .navmenu { background: #f7f8f4; border-color: var(--ch-border); }
[data-theme="light"] .site-nav .navmenu li a { color: #43503e; }
[data-theme="light"] .site-nav .container .navmenu li.active,
[data-theme="light"] .site-nav .container .navmenu li:hover { background: #e6eddc; }
[data-theme="light"] .site-nav .container .navmenu li.active a,
[data-theme="light"] .site-nav .container .navmenu li:hover a { color: var(--ch-green); }
[data-theme="light"] .site-nav .logo img,
[data-theme="light"] .site-footer .footer-logo img,
[data-theme="light"] .site-footer .social img { filter: brightness(0) saturate(100%); opacity: .86; }
[data-theme="light"] .mobile-menu span,
[data-theme="light"] .mobile-menu span::before,
[data-theme="light"] .mobile-menu span::after { background: var(--ch-text); }
[data-theme="light"] .mobile-menu.active span { background: transparent; }
[data-theme="light"] .primary-link,
[data-theme="light"] .skip-link { color: #ffffff; }
[data-theme="light"] .primary-link:hover { background: #2d511a; border-color: #2d511a; }
[data-theme="light"] .text-link,
[data-theme="light"] .product-link { border-color: #9ba992; }
[data-theme="light"] .legal-copy a:hover { color: #254b16; }

/* Quiet separators and secondary copy remain readable on warm white. */
[data-theme="light"] :is(.client-strip, .capability, .work-image, .studio-cta,
  .company-story, .principle-grid article, .service-row, .process-list li,
  .stack-list > div, .career-values article, .career-apply, .site-footer,
  .legal-copy section) { border-color: var(--ch-border); }
[data-theme="light"] .company-facts > div { border-color: #93ac7c; }
[data-theme="light"] :is(.hero-footnote, .hero-footnote span, .section-number,
  .capability .capability-detail, .work-caption .eyebrow, .company-facts span,
  .service-row .service-deliverables, .family-number, .card-number,
  .support-guide .support-safety, .work-tile figcaption small),
[data-theme="light"] .studio-page .client-strip > p,
[data-theme="light"] footer .copy-right > span { color: var(--ch-muted); }
[data-theme="light"] .client-strip img { filter: brightness(0) saturate(100%); opacity: .5; }
[data-theme="light"] .site-footer .item h5 { color: var(--ch-text); }
[data-theme="light"] footer .copy-right { border-color: var(--ch-border); }
[data-theme="light"] .product-invitation { border-color: #c8d6bb; background: radial-gradient(ellipse at 100% 0, #e4eed9, transparent 65%), #eff3e9; }
[data-theme="light"] .family-item { border-color: #ced9c4; background: #ffffff; }
[data-theme="light"] .product-0 { --product-accent: #3c681f; --product-tint: #e8f1dc; }
[data-theme="light"] .product-1 { --product-accent: #14695a; --product-tint: #dff2ec; }
[data-theme="light"] .product-2 { --product-accent: #66509b; --product-tint: #eee8f9; }
[data-theme="light"] .product-card:hover,
[data-theme="light"] .product-card:focus-within { background: #f0f4eb; border-color: var(--product-accent); }
[data-theme="light"] .product-link:hover { color: #ffffff; }
[data-theme="light"] :is(.career-apply aside, .policy-toc) { background: #eef2e8; border-color: var(--ch-border); }
[data-theme="light"] .contact-symbol { background: #e8f1dc; border-color: #a8bc96; }
[data-theme="light"] .work-image { background: #e8ede2; }
[data-theme="light"] .work-tile { background: #ffffff; border-color: var(--ch-border); }
[data-theme="light"] .work-tile figcaption > span { color: var(--ch-text); }
[data-theme="light"] .work-rail { scrollbar-color: #94a587 #edf1e7; }
[data-theme="light"] .motion-button { color: #43503e; border-color: #aab79f; }
[data-theme="light"] .motion-button:hover { background: #e4ecd9; border-color: #778f64; color: #263b1e; }
[data-theme="light"] .showcase-pause { border-color: transparent; }

/* Product previews get their own light surfaces and deeper brand accents. */
[data-theme="light"] .product-showcase {
  --showcase-accent: #3c681f; --showcase-tint: #e8f1dc;
  background: radial-gradient(ellipse at 100% 0, #e8f1de, transparent 65%), #ffffff;
  border-color: #c0d1b1; box-shadow: 0 24px 70px #30451b0c;
}
[data-theme="light"] .product-showcase[data-active-product="1"] { --showcase-accent: #14695a; --showcase-tint: #dff2ec; }
[data-theme="light"] .product-showcase[data-active-product="2"] { --showcase-accent: #66509b; --showcase-tint: #eee8f9; }
[data-theme="light"] .studio-page :is(.showcase-top .eyebrow, .showcase-description),
[data-theme="light"] .showcase-foot > span { color: var(--ch-muted); }
[data-theme="light"] .product-scene { background: #f0f5ea; border-color: #cedbc3; }
[data-theme="light"] .scene-topline { color: #43503e; }
[data-theme="light"] .feedback-item { background: #ffffff; border-color: #d0dcc5; }
[data-theme="light"] .scene-source { background: #e0edcf; color: #3c681f; }
[data-theme="light"] .email-source { background: #dfefe8; color: #14695a; }
[data-theme="light"] .feedback-item strong { color: #263b1e; }
[data-theme="light"] .feedback-item div > span { color: #54614f; }
[data-theme="light"] .feedback-dot { background: #578535; }
[data-theme="light"] .feedback-flow { color: #496b32; }
[data-theme="light"] .feedback-flow i { color: #677b56; }
[data-theme="light"] .order-scene { background: #eaf5f0; border-color: #bfd7ce; }
[data-theme="light"] .order-notification { background: #ffffff; border-color: #a6caba; }
[data-theme="light"] .order-notification > div > span { color: #3e6355; }
[data-theme="light"] .order-notification strong { color: #215541; }
[data-theme="light"] .order-bell,
[data-theme="light"] .order-journey .journey-ready { color: #14695a; }
[data-theme="light"] .order-journey { color: #4f6c60; }
[data-theme="light"] .order-journey i { background: #9bb7a8; }
[data-theme="light"] .signage-scene { background: #f0edf7; border-color: #d2c8e3; }
[data-theme="light"] .showcase-tabs { border-color: #d1ddc6; }
[data-theme="light"] .product-selector { color: #54614f; }
[data-theme="light"] .product-selector[aria-pressed="true"] { color: var(--product-accent); background: var(--product-tint); }
[data-theme="light"] .product-selector:hover { background: #e8eee1; }
@media (prefers-reduced-motion: no-preference) {
  .theme-toggle { transition: background-color .2s, border-color .2s, color .2s; }
}