/* =========================
   Components
   ========================= */

/* Guide cards */
.guide-card {
  background-color: #ffffff;
  color: #1e293b;
  border: 1px solid #e5e7eb;
}

.dark .guide-card {
  background-color: #1e293b;
  color: #e2e8f0;
  border: 1px solid #334155;
}

/* Card panels */
.dark .card-panel,
.dark .bg-white.rounded-lg.shadow-lg,
.dark .bg-white.rounded.shadow,
.dark .bg-gray-50.rounded-lg.shadow-lg,
.dark .bg-gray-100.rounded-lg.shadow-lg,
.dark .p-4.bg-white.rounded,
.dark .p-6.bg-white.rounded-lg {
  background-color: #0b2540 !important;
  color: #e6f0fb !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset,
              0 6px 18px rgba(3,18,45,0.6);
  border: 1px solid rgba(255,255,255,0.02);
}

.dark .card-panel:hover,
.dark .bg-white.rounded-lg.shadow-lg:hover,
.dark .p-6.bg-white.rounded-lg:hover {
  background-color: #0f2c4b !important;
  box-shadow: 0 2px 6px rgba(255,255,255,0.03) inset,
              0 10px 32px rgba(3,18,45,0.65);
}

/* Card internals */
.dark .card-panel .bg-white,
.dark .card-panel p.bg-white,
.dark .card-panel div.bg-white {
  background: transparent !important;
}

/* Badges */
.dark span.bg-slate-100 {
  background-color: #475569;
  color: #e2e8f0;
}

/* Logos */
.logo-dark { display: none; }
.logo-light { display: block; }

.dark .logo-dark { display: block; }
.dark .logo-light { display: none; }