:root {
  --exc-primary: #ff2d78;
  --exc-primary-rgb: 255,45,120;
  --exc-secondary: #7c3aed;
  --exc-accent: #22d3ee;
  --exc-auth-bg: #0b0b10;
  --exc-auth-card: #15151d;
  --exc-auth-accent: #ff2d78;

  /* Sobrescribir tokens de Bootstrap 5.3 con la marca */
  --bs-primary: #ff2d78;
  --bs-primary-rgb: 255,45,120;
  --bs-link-color: #ff2d78;
  --bs-link-hover-color: #7c3aed;
}

[data-bs-theme="light"] {
  --exc-bg: #ffffff;
  --exc-text: #17171d;
  --exc-surface: #ffffff;
  --exc-surface-2: #f4f4f7;
  --exc-border: rgba(0,0,0,.08);
}

[data-bs-theme="dark"] {
  --exc-bg: #0b0b10;
  --exc-text: #f4f4f7;
  --exc-surface: #15151d;
  --exc-surface-2: #1d1d27;
  --exc-border: rgba(255,255,255,.08);
  --bs-body-bg: #0b0b10;
  --bs-body-color: #f4f4f7;
}

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

.text-primary { color: var(--exc-primary) !important; }
.bg-primary   { background-color: var(--exc-primary) !important; }
.exc-gradient-text {
  background: linear-gradient(90deg, var(--exc-primary), var(--exc-secondary));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
a { color: var(--exc-primary); }
a:hover { color: var(--exc-secondary); }