/* Tema claro - Figma: fundo #F9FAFB, card #FFFFFF */
[data-bs-theme="light"] {
  --bs-primary: #2563EB;
  --bs-primary-rgb: 37, 99, 235;
  --bs-body-bg: #FFFFFF;
  --bs-secondary-bg: #F9FAFB;
  --bs-body-color: #0F172A;
  --bs-secondary-color: #334155;
  --bs-border-color: #E2E8F0;
}

[data-bs-theme="light"] body,
[data-bs-theme="light"] .desknin-auth-page {
  background-color: #F9FAFB !important;
}

[data-bs-theme="light"] .desknin-auth-card {
  background-color: #FFFFFF !important;
}

/* Tema escuro - Figma: fundo #0F172A, card #1E293B */
[data-bs-theme="dark"] {
  --bs-primary: #3B82F6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-body-bg: #1E293B;
  --bs-body-color: #E2E8F0;
  --bs-secondary-bg: #0F172A;
  --bs-secondary-color: #94A3B8;
  --bs-tertiary-bg: #334155;
  --bs-border-color: #334155;
}

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .desknin-auth-page {
  background-color: #0F172A !important;
}

[data-bs-theme="dark"] .desknin-auth-card {
  background-color: #1E293B !important;
}

[data-bs-theme="light"] .desknin-navbar {
  background-color: #F9FAFB !important;
  border-bottom-color: #E2E8F0 !important;
}

[data-bs-theme="dark"] .desknin-navbar {
  background-color: #0F172A !important;
  border-bottom-color: #334155 !important;
}

.desknin-wordmark {
  display: inline-flex;
  align-items: baseline;
  line-height: 1;
}

.desknin-wordmark-i {
  position: relative;
  display: inline-block;
}

.desknin-wordmark-i::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.05em;
  width: 0.35em;
  height: 0.35em;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #ffffff 0, #60A5FA 40%, #1D4ED8 100%);
  box-shadow: 0 0 8px rgba(37, 99, 235, 0.7);
  animation: desknin-dot-pulse 1.8s ease-in-out infinite;
}

.desknin-navbar .theme-toggle-btn {
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

.desknin-navbar .theme-toggle-btn:hover {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
  background-color: transparent;
}

@keyframes desknin-dot-pulse {
  0% {
    transform: translate(-50%, 0) scale(1);
    box-shadow: 0 0 8px rgba(37, 99, 235, 0.7);
  }
  50% {
    transform: translate(-50%, -2px) scale(1.15);
    box-shadow: 0 0 14px rgba(37, 99, 235, 0.9);
  }
  100% {
    transform: translate(-50%, 0) scale(1);
    box-shadow: 0 0 8px rgba(37, 99, 235, 0.7);
  }
}