:root { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #f3f8ff;
    --muted: #94a9c2;
    --line: #203a58;
    --soft: #0c1d32;
    --white: #0d1b2f;
  }

  body { background: #071224; }
  .site-header { background: rgba(7,18,36,.9); border-color: #1b3552; }
  .site-header nav { color: #9bb0c7; }
  .hero { background: radial-gradient(circle at 78% 8%,rgba(25,185,255,.13),transparent 24%), radial-gradient(circle at 12% 20%,rgba(115,77,255,.1),transparent 26%), linear-gradient(180deg,#071224,#091a2e); }
  .ghost-cta, .trust-line span { background: #0d1b2f; border-color: #254362; color: #aabbd0; }
  .capabilities, .audiences, .principles { background: #071224; }
  .feature-grid article, .audience-grid article, .principle-grid article { background: linear-gradient(150deg,#0d1b2f,#0a1829); border-color: #203a58; box-shadow: 0 20px 45px -36px #000; }
  .contact { background: linear-gradient(135deg,#0b223d,#171b3a); }
  .contact form { background: rgba(10,27,47,.8); border-color: #274765; box-shadow: 0 30px 60px -45px #000; }
  .contact label { color: #a9bbcf; }
  .contact input, .contact textarea { background: #071426; border-color: #2a4765; color: #eef7ff; }
  .feature-grid article:hover { border-color: #2879bb; }
}