:root {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --blue: #5f96ff;
    --blue-dark: #477ee6;
    --blue-light: rgba(95, 150, 255, 0.15);
    --ink: #f8fafc;
    --gray: #b9bec7;
    --bg-soft: #191919;
    --border: #2a2a2a;
    --text-muted: #b9bec7;
    --text-hint: #8f949c;
    --surface: #141414;
    --surface-alt: #090909;
    --surface-soft: #191919;
    --line: #2a2a2a;
    --success: #55d98b;
    --pending: #ffd166;
    --danger: #ff8a8a;
  }

  html,
  body {
    background: #090909;
    color: #f8fafc;
  }

  body,
  .hero,
  .features,
  .tab-section,
  .trust-sec,
  .steps-sec,
  .proof-cycle-sec,
  .product-showcase-sec,
  .sphere-page-features,
  .org-page-features,
  .investor-page-features,
  .talent-page-features,
  .profiles,
  .types,
  .stats,
  .legal-shell {
    background: #090909;
  }

  nav,
  header,
  .navbar {
    background: rgba(9, 9, 9, 0.94);
    border-color: #2a2a2a;
  }

  .nav-logo,
  .logo,
  .s-title,
  .hero h1,
  .page-hero h1,
  .sphere-page-hero h1,
  .org-page-hero h1,
  .investor-page-hero h1,
  .talent-page-hero h1,
  .features-head h2,
  .feat-title,
  .sphere-section-head h2,
  .org-section-head h2,
  .investor-section-head h2,
  .talent-section-head h2,
  .cta-box h2,
  .cta-content h2,
  .strip-text h2,
  .proof-cycle h3,
  .showcase-card strong,
  .legal-hero h1,
  .legal-card h2,
  .legal-card h3,
  .legal-link-card,
  .card h3,
  .profile-card h4,
  .footer-title {
    color: #f8fafc;
  }

  .nav-links a,
  nav a,
  .nav-right,
  .btn-ghost,
  .lang-toggle,
  .feat-list li,
  .point,
  .hero p,
  .page-hero p,
  .sphere-page-hero p,
  .org-page-hero p,
  .investor-page-hero p,
  .talent-page-hero p,
  .features-head p,
  .sphere-feature-card p,
  .org-feature-card p,
  .investor-feature-card p,
  .talent-feature-card p,
  .card p,
  .profile-card .role,
  .stat .label,
  .strip-text p,
  .proof-cycle p,
  .legal-hero p,
  .legal-card p,
  .legal-card li,
  .legal-note,
  .legal-link-card span,
  footer,
  footer a,
  footer p {
    color: #b9bec7;
  }

  .logos-band,
  .page-hero,
  .sphere-page-hero,
  .org-page-hero,
  .investor-page-hero,
  .talent-page-hero,
  .legal-hero,
  .feat-visual,
  .sphere-card-visual,
  .hero-product::before,
  .strip-img,
  .card .visual {
    background: #191919;
    border-color: #2a2a2a;
  }

  .legal-hero {
    background: linear-gradient(180deg, #171717 0%, #090909 100%);
  }

  .hero {
    background: linear-gradient(180deg, #171717 0%, #090909 100%);
  }

  .hero::before,
  .cta-box::before {
    background: none;
  }

  .card,
  .feat-card,
  .trust-card,
  .c-card,
  .sphere-feature-card,
  .org-feature-card,
  .investor-feature-card,
  .talent-feature-card,
  .metric-box,
  .talent-card,
  .profile-card,
  .stat,
  .proj-row,
  .msg-l,
  .sphere-mini-sidebar,
  .sphere-mini-chat,
  .proof-cycle article,
  .showcase-card,
  .proof-bubble,
  .hero-trust-row span,
  .legal-card,
  .legal-link-card,
  .legal-toc,
  .legal-note,
  .legal-pill {
    background: #141414;
    border-color: #2a2a2a;
    color: #f8fafc;
  }

  .card:hover,
  .feat-card:hover,
  .trust-card:hover,
  .c-card:hover,
  .sphere-feature-card:hover,
  .org-feature-card:hover,
  .investor-feature-card:hover,
  .talent-feature-card:hover,
  .profile-card:hover,
  .proof-cycle article:hover,
  .showcase-card:hover,
  .legal-link-card:hover {
    border-color: rgba(95, 150, 255, 0.5);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
  }

  .btn-ghost,
  .lang-toggle,
  .btn-hs {
    background: #191919;
    border-color: #333333;
    color: #e2e8f0;
  }

  .btn-ghost:hover,
  .lang-toggle:hover {
    background: #202020;
    border-color: rgba(95, 150, 255, 0.5);
  }

  .btn-primary,
  .btn-hero,
  .btn-hp,
  .btn-primary.blue {
    background: #5f96ff;
    color: #050505;
  }

  .btn-primary:hover,
  .btn-hp:hover,
  .btn-primary.blue:hover {
    background: #82adff;
    box-shadow: 0 10px 24px rgba(95, 150, 255, 0.2);
  }

  .btn-w {
    background: #f8fafc;
    color: #0f172a;
  }

  .hero-badge,
  .skill-tag,
  .tag-pill,
  .c-card-ico,
  .avatar,
  .icon-box,
  .metric-box,
  .page-hero .chip,
  .legal-pill {
    background: rgba(95, 150, 255, 0.15);
    color: #c3d7ff;
  }

  .showcase-card img {
    background: #191919;
  }

  .proof-bubble strong {
    color: #f8fafc;
  }

  .proof-bubble span,
  .hero-trust-row span,
  .showcase-copy .s-sub {
    color: #b9bec7;
  }

  .mission-sec,
  .cta,
  .cta-box,
  .legal-contact,
  footer {
    background: #050505;
    color: #f8fafc;
  }

  .mission-proof div {
    background: #141414;
    border-color: #2a2a2a;
  }

  .mission-copy p,
  .mission-proof small,
  .cta p,
  .cta-content p,
  .legal-contact p {
    color: #b9bec7;
  }

  .tabs-row,
  .types,
  .stats-row,
  .footer-bot,
  .legal-toc a {
    border-color: #2a2a2a;
  }

  .tab-btn {
    color: #94a3b8;
  }

  .tab-btn.active,
  .nav-links a:hover,
  .nav-links a.active,
  nav a.active,
  .s-label,
  .feat-tag,
  .types-label,
  .strip-text span.tag,
  .showcase-card span,
  .legal-toc a:hover,
  .word-slider span,
  .stat .num {
    color: #5f96ff;
  }

  .logo svg circle,
  .logo svg path,
  .nav-logo svg circle,
  .nav-logo svg path {
    stroke: currentColor;
  }

  .sphere-orbit-node > circle:first-child,
  .org-orbit-node > circle:first-child,
  .investor-orbit-node > circle:first-child,
  .talent-orbit-node > circle:first-child {
    fill: #141414;
    stroke: #5f96ff;
  }

  .n-investor,
  .n-startup,
  .n-talent,
  .n-org,
  .n-incubator {
    background: #e2e8f0;
    color: #141414;
  }

  svg text {
    fill: #e2e8f0;
  }
}