/* ============================================================
   DARK-MODE.CSS — Semillas Digitales
   Overrides para modo oscuro (clase .dark en <body>)
   ============================================================ */

body.dark {
  --color-white:    #0f172a;
  --color-gray-50:  #1e293b;
  --color-gray-100: #334155;
  --color-gray-200: #475569;
  --color-text:     #e2e8f0;
  --color-text-muted: #94a3b8;
}

body.dark .pillar-card,
body.dark .team-card,
body.dark .testi-card,
body.dark .blog-card,
body.dark .accordion-item {
  background: #1e293b;
  border-color: #334155;
}

body.dark .pillar-card__text h3,
body.dark .blog-card__title,
body.dark .team-card__name { color: #e2e8f0; }

body.dark .nosotros__item { background: #1e293b; }
body.dark .logo-item { background: #1e293b; }
body.dark .accordion-trigger { background: #1e293b; color: #e2e8f0; }
body.dark .accordion-item.is-open .accordion-trigger { background: var(--color-primary); color: white; }

body.dark .contact-section { background: #0f172a; }
body.dark .founder { background: #0f172a; }
body.dark .nosotros { background: #0f172a; }
body.dark .logos { background: #1e293b; }
body.dark .team-section { background: #1e293b; }
