/* ============================================================
   Convergent — Dark Theme  v5.6.38
   Every rule scoped to [data-theme="dark"]
   ============================================================ */

/* ── Variables ───────────────────────────────────────────────── */
[data-theme="dark"] {
  --primary:       #3b82f6;
  --primary-dark:  #2563eb;
  --primary-light: rgba(59,130,246,.12);
  --gold:          #f59e0b;
  --gold-light:    rgba(245,158,11,.10);
  --text-dark:     #f0f6ff;
  --text-mid:      #94a3b8;
  --text-light:    #64748b;
  --bg-white:      #0f1829;
  --bg-light:      #111827;
  --border:        rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.16);
  --navy:          #e2e8f0;
}

/* ── Base ────────────────────────────────────────────────────── */
[data-theme="dark"] body {
  background: #080e1a;
  color: #f0f6ff;
}
[data-theme="dark"] body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(59,130,246,.09) 1px, transparent 1px);
  background-size: 32px 32px;
}
[data-theme="dark"] body::after {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 50% at 15% 20%, rgba(59,130,246,.07) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 85% 80%, rgba(245,158,11,.04) 0%, transparent 60%);
}
[data-theme="dark"] .container { position: relative; z-index: 1; }
[data-theme="dark"] section    { position: relative; z-index: 1; }

/* ── Header ──────────────────────────────────────────────────── */
[data-theme="dark"] header {
  background: rgba(8,14,26,.90) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 1px 0 rgba(59,130,246,.08) !important;
}
[data-theme="dark"] .logo-main { color: #f0f6ff; }
[data-theme="dark"] .logo-sub  { color: #64748b; }

/* Nav links */
[data-theme="dark"] .nav-link         { color: #94a3b8 !important; }
[data-theme="dark"] .nav-link:hover   { color: #3b82f6 !important; }
[data-theme="dark"] .nav-link.nav-active { color: #f0f6ff !important; }
[data-theme="dark"] .nav-link.nav-active::after { background: #3b82f6; }

/* Lang toggle */
[data-theme="dark"] .lang-toggle { background: #1a2540 !important; }
[data-theme="dark"] .lang-btn    { color: #94a3b8 !important; }
[data-theme="dark"] .lang-btn.active { background: #3b82f6 !important; color: #fff !important; }

/* Hamburger */
[data-theme="dark"] .hamburger span { background: #94a3b8 !important; }

/* Mobile nav panel */
[data-theme="dark"] .nav-menu {
  background: rgba(8,14,26,.97) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Theme toggle */
[data-theme="dark"] .theme-toggle {
  border-color: rgba(255,255,255,.16);
  color: #94a3b8;
}
[data-theme="dark"] .theme-toggle:hover {
  border-color: #3b82f6;
  color: #3b82f6;
  background: rgba(59,130,246,.08);
}
[data-theme="dark"] .theme-toggle .icon-sun  { display: none; }
[data-theme="dark"] .theme-toggle .icon-moon { display: block; }

/* ── Hero ────────────────────────────────────────────────────── */
[data-theme="dark"] .hero {
  background:
    radial-gradient(ellipse at 15% 50%, rgba(59,130,246,.10) 0%, transparent 55%),
    radial-gradient(ellipse at 85% 20%, rgba(245,158,11,.06) 0%, transparent 45%),
    #080e1a !important;
}
[data-theme="dark"] .hero::before,
[data-theme="dark"] .hero::after { opacity: 0 !important; }
[data-theme="dark"] .hero-content h1   { color: #f0f6ff; }
[data-theme="dark"] .hero-subtitle     { color: #94a3b8 !important; opacity: 1 !important; }
[data-theme="dark"] .hero-subtitle em  { color: #64748b !important; }
[data-theme="dark"] .hero-tagline      { color: #64748b !important; }
[data-theme="dark"] .btn-hero-primary  {
  background: #3b82f6 !important; border-color: #3b82f6 !important;
  box-shadow: 0 0 24px rgba(59,130,246,.25) !important;
}
[data-theme="dark"] .btn-hero-primary:hover {
  background: #2563eb !important;
  box-shadow: 0 0 36px rgba(59,130,246,.40) !important;
}
[data-theme="dark"] .btn-hero-secondary {
  border-color: rgba(255,255,255,.20) !important;
  color: #94a3b8 !important;
  background: rgba(255,255,255,.04) !important;
}
[data-theme="dark"] .btn-hero-secondary:hover {
  border-color: #3b82f6 !important; color: #f0f6ff !important;
}

/* ── Section backgrounds ─────────────────────────────────────── */
[data-theme="dark"] .services    { background: #080e1a !important; }
[data-theme="dark"] .partners    { background: #0d1525 !important; }
[data-theme="dark"] .governance  { background: #080e1a !important; }
[data-theme="dark"] .why-us      { background: #0d1525 !important; }
[data-theme="dark"] .solutions   { background: #080e1a !important; }
[data-theme="dark"] .process     { background: #0d1525 !important; }
[data-theme="dark"] .who-section { background: #080e1a !important; }
[data-theme="dark"] .about       { background: #0d1525 !important; }
[data-theme="dark"] .contact     { background: #080e1a !important; }
[data-theme="dark"] footer       { background: #040810 !important; border-top: 1px solid rgba(255,255,255,.08) !important; }

/* Section text */
[data-theme="dark"] .section-title    { color: #f0f6ff !important; }
[data-theme="dark"] .section-subtitle { color: #94a3b8 !important; }

/* ── Services header band ────────────────────────────────────── */
[data-theme="dark"] .services-section-header {
  background: linear-gradient(135deg, #141f35, rgba(59,130,246,.08)) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* ── Service cards ───────────────────────────────────────────── */
[data-theme="dark"] .service-card {
  background: #0f1829 !important;
  border-color: rgba(255,255,255,.08) !important;
  border-top-color: transparent !important;
}
[data-theme="dark"] .service-card:hover {
  background: #141f35 !important;
  border-color: rgba(59,130,246,.30) !important;
  box-shadow: 0 0 0 1px rgba(59,130,246,.15), 0 8px 32px rgba(59,130,246,.10) !important;
  transform: translateY(-3px);
}
[data-theme="dark"] .service-card h3 { color: #f0f6ff !important; }

/* Icon wraps — JS also overrides inline style via data-bg */
[data-theme="dark"] .service-icon-wrap {
  background: rgba(59,130,246,.08) !important;
  border: 1px solid rgba(59,130,246,.15) !important;
}

/* Outcome tag */
[data-theme="dark"] .service-outcome {
  background: rgba(245,158,11,.08) !important;
  border-left-color: #f59e0b !important;
  color: #f59e0b !important;
}

/* Detail panel */
[data-theme="dark"] .sc-detail   { border-top-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .sc-detail p { color: #94a3b8 !important; }
[data-theme="dark"] .sc-toggle   { border-color: rgba(255,255,255,.12) !important; color: #64748b !important; }
[data-theme="dark"] .sc-toggle:hover {
  border-color: #3b82f6 !important; color: #3b82f6 !important;
  background: rgba(59,130,246,.06) !important;
}

/* ── Partners ────────────────────────────────────────────────── */
[data-theme="dark"] .pf-btn {
  background: #1a2540 !important; border-color: rgba(255,255,255,.08) !important; color: #94a3b8 !important;
}
[data-theme="dark"] .pf-btn:hover,
[data-theme="dark"] .pf-btn.active {
  background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important;
}
[data-theme="dark"] .pf-btn.active img { filter: brightness(0) invert(1) !important; }
[data-theme="dark"] .pb-list { border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .pb-hdr  { background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .pb-hdr:hover { background: #141f35 !important; }
[data-theme="dark"] .pb-hdr h3 { color: #f0f6ff !important; }
[data-theme="dark"] .pb-hdr p  { color: #64748b !important; }
[data-theme="dark"] .pb-arr    { color: #64748b !important; }
[data-theme="dark"] .pg-card   { background: #1a2540 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .pg-card:hover { border-color: rgba(59,130,246,.30) !important; box-shadow: 0 0 20px rgba(59,130,246,.08) !important; }
[data-theme="dark"] .pg-title  { color: #f0f6ff !important; }
[data-theme="dark"] .pg-desc   { color: #94a3b8 !important; }
[data-theme="dark"] .partners-note {
  background: #1a2540 !important;
  border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .partners-note p { color: #64748b !important; }

/* ── Governance ──────────────────────────────────────────────── */
[data-theme="dark"] .governance-item {
  background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .governance-item:hover { border-color: rgba(59,130,246,.30) !important; }
[data-theme="dark"] .governance-item h3 { color: #f0f6ff !important; }
[data-theme="dark"] .governance-item p  { color: #94a3b8 !important; }

/* ── Why Us ──────────────────────────────────────────────────── */
[data-theme="dark"] .why-us-item {
  background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .why-us-item:hover {
  background: rgba(59,130,246,.08) !important; border-color: rgba(59,130,246,.20) !important;
}
[data-theme="dark"] .why-us-item h3 { color: #f0f6ff !important; }
[data-theme="dark"] .why-us-item p  { color: #94a3b8 !important; }

/* ── Solutions ───────────────────────────────────────────────── */
[data-theme="dark"] .solution-card { background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .solution-card h3 { color: #f0f6ff !important; }
[data-theme="dark"] .solution-card p  { color: #94a3b8 !important; }

/* ── Process ─────────────────────────────────────────────────── */
[data-theme="dark"] .process-step {
  background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .process-step:hover { border-color: rgba(59,130,246,.30) !important; }
[data-theme="dark"] .process-step h3 { color: #f0f6ff !important; }
[data-theme="dark"] .process-step p  { color: #94a3b8 !important; }
[data-theme="dark"] .process-num {
  color: #3b82f6 !important; border-color: rgba(59,130,246,.20) !important;
  background: rgba(59,130,246,.08) !important;
}

/* ── Who / Engagement ────────────────────────────────────────── */
[data-theme="dark"] .who-col { background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .who-col h3 { color: #f0f6ff !important; }
[data-theme="dark"] .who-col p, [data-theme="dark"] .who-col li { color: #94a3b8 !important; }

/* ── About ───────────────────────────────────────────────────── */
[data-theme="dark"] .about-text p { color: rgba(255,255,255,.75) !important; }
[data-theme="dark"] .about-pillar {
  background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.10) !important;
}
[data-theme="dark"] .about-pillar-num { color: #3b82f6 !important; }
[data-theme="dark"] .about-pillar p   { color: rgba(255,255,255,.60) !important; }

/* ── Contact ─────────────────────────────────────────────────── */
[data-theme="dark"] .contact-info h2      { color: #f0f6ff !important; }
[data-theme="dark"] .contact-filter       { color: #94a3b8 !important; }
[data-theme="dark"] .contact-item strong  { color: #94a3b8 !important; }
[data-theme="dark"] .contact-item p,
[data-theme="dark"] .contact-item a       { color: #64748b !important; }
[data-theme="dark"] .contact-item a:hover { color: #3b82f6 !important; }
[data-theme="dark"] .contact-form         { background: #0f1829 !important; border-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .contact-form label   { color: #94a3b8 !important; }
[data-theme="dark"] .contact-form input,
[data-theme="dark"] .contact-form textarea,
[data-theme="dark"] .contact-form select  {
  background: #1a2540 !important; border-color: rgba(255,255,255,.10) !important; color: #f0f6ff !important;
}
[data-theme="dark"] .contact-form input::placeholder,
[data-theme="dark"] .contact-form textarea::placeholder { color: #64748b !important; }
[data-theme="dark"] .contact-form input:focus,
[data-theme="dark"] .contact-form textarea:focus,
[data-theme="dark"] .contact-form select:focus {
  border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,.15) !important;
}
[data-theme="dark"] .btn-submit {
  background: #3b82f6 !important; box-shadow: 0 0 20px rgba(59,130,246,.25) !important;
}
[data-theme="dark"] .btn-submit:hover {
  background: #2563eb !important; box-shadow: 0 0 32px rgba(59,130,246,.40) !important;
}
[data-theme="dark"] .contact-privacy { color: #64748b !important; }
[data-theme="dark"] .char-count      { color: #64748b !important; }

/* ── Footer ──────────────────────────────────────────────────── */
[data-theme="dark"] .footer-col h4     { color: #f0f6ff !important; }
[data-theme="dark"] .footer-col p,
[data-theme="dark"] .footer-col li,
[data-theme="dark"] .footer-col a      { color: #64748b !important; }
[data-theme="dark"] .footer-col a:hover { color: #3b82f6 !important; }
[data-theme="dark"] .footer-bottom     { color: #64748b !important; border-top-color: rgba(255,255,255,.08) !important; }

/* ── Particles canvas ────────────────────────────────────────── */
#particles-canvas {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: .35; display: none;
}

/* ── Scrollbar (dark) ────────────────────────────────────────── */
[data-theme="dark"] ::-webkit-scrollbar       { width: 6px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #080e1a; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #1a2540; border-radius: 3px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #3b82f6; }
[data-theme="dark"] ::selection { background: rgba(59,130,246,.30); color: #f0f6ff; }

/* ── Stats strip dark ─── */
[data-theme="dark"] .stats-strip { background: #0a1628; border-top: 1px solid rgba(99,155,246,.15); border-bottom: 1px solid rgba(99,155,246,.15); }
[data-theme="dark"] .stat-number { color: #639bf6; }
[data-theme="dark"] .stat-label  { color: rgba(255,255,255,.6); }
[data-theme="dark"] .stat-divider { background: rgba(99,155,246,.25); }

/* ── Sovereignty callout dark ─── */
[data-theme="dark"] .sovereignty-callout { background: rgba(15,98,254,.07); border-left-color: #639bf6; }
[data-theme="dark"] .sov-icon { color: #639bf6; }

/* ── Not-for dark ─── */
[data-theme="dark"] .not-for { background: #0d1421; }
[data-theme="dark"] .notfor-item { background: #111827; border-color: rgba(255,255,255,.07); }

/* ── Why-Us dark mode ─── */
[data-theme="dark"] .why-us { background: #0d1421; }
[data-theme="dark"] .why-us::before { opacity: .35; }
[data-theme="dark"] .why-us .section-title  { color: #f0f6ff; }
[data-theme="dark"] .why-us .section-subtitle { color: rgba(255,255,255,.55); }
[data-theme="dark"] .why-us-item { background: #111827; border-color: rgba(255,255,255,.07); }
[data-theme="dark"] .why-us-item:hover { background: #1a2436; box-shadow: 0 8px 32px rgba(0,0,0,.35); }
[data-theme="dark"] .why-us-item h3 { color: #e8f0ff; }
[data-theme="dark"] .why-us-item p  { color: rgba(255,255,255,.55); }

/* ── About dark mode ─── */
[data-theme="dark"] .about { background: #0d1421; }
[data-theme="dark"] .about::before { opacity: .25; }
[data-theme="dark"] .about .section-title  { color: #f0f6ff; }
[data-theme="dark"] .about .section-subtitle { color: rgba(255,255,255,.55); }
[data-theme="dark"] .about-text p { color: rgba(255,255,255,.65); }
[data-theme="dark"] .about-pillar { background: #111827; border-color: rgba(255,255,255,.08); }
[data-theme="dark"] .about-pillar-label { color: rgba(255,255,255,.5); }
