:root {
  --ici-primary: #e6006e;
  --ici-secondary: #6c00ff;
  --ici-accent: #00d1b2;
  --ici-auth-bg: #0e0e12;
  --ici-auth-card: #17171d;
  --ici-auth-accent: #e6006e;

  /* Sobrescribir tokens de Bootstrap 5.3 con la marca */
  --bs-primary: #e6006e;
  --bs-primary-rgb: 230,0,110;
  --bs-link-color: #e6006e;
  --bs-link-hover-color: #6c00ff;
}

/* Tema claro */
[data-bs-theme="light"] {
  --ici-bg: #ffffff;
  --ici-text: #1a1a1f;
}

/* Tema oscuro (default) */
[data-bs-theme="dark"] {
  --ici-bg: #0e0e12;
  --ici-text: #f2f2f5;
  --bs-body-bg: #0e0e12;
  --bs-body-color: #f2f2f5;
}

.btn-primary {
  --bs-btn-bg: var(--ici-primary);
  --bs-btn-border-color: var(--ici-primary);
  --bs-btn-hover-bg: var(--ici-secondary);
  --bs-btn-hover-border-color: var(--ici-secondary);
  --bs-btn-active-bg: var(--ici-secondary);
}

.text-primary { color: var(--ici-primary) !important; }
.bg-primary   { background-color: var(--ici-primary) !important; }

a { color: var(--ici-primary); }
a:hover { color: var(--ici-secondary); }