/*!
 * Librum — tema centralizado
 * Único archivo a editar para cambiar la identidad visual.
 */
:root {
  /* ===== Marca ===== */
  --k-primary:        #2B2D8C;
  --k-primary-dark:   #22246F;
  --k-primary-light:  #5B5FD6;
  --k-primary-rgb:    43, 45, 140;
  --k-primary-50:     #EEEEFB;

  --k-sidebar:        #1E1F63;

  --k-accent:         #FF6B5C;
  --k-accent-dark:    #D94A3C;
  --k-accent-50:      #FFEDEA;

  --k-warm:           #FFB84D;
  --k-warm-50:        #FFF5E3;
  --k-warm-25:        #fff8eab6;

  /* ===== Logo ===== */
  --k-logo-book:      #FFFFFF;
  --k-logo-px-1:      var(--k-accent);
  --k-logo-px-2:      var(--k-warm);

  /* ===== Estados (mapeados desde AdminKit) ===== */
  --k-success:        #3ECFA0;
  --k-warning:        #FFB84D;
  --k-info:           #5B5FD6;
  --k-danger:         #E2484A;

  /* ===== Neutros ===== */
  --k-body-bg:        #F5F6FA;
  --k-surface:        #FFFFFF;
  --k-text:           #1F2033;
  --k-text-soft:      #5C5E75;
  --k-text-muted:     #8A8CA0;
  --k-border:         #E1E3EE;

  /* ===== Layout ===== */
  --k-radius:         10px;
  --k-radius-lg:      16px;
  --k-shadow:         0 2px 8px rgba(31,32,51,.08);
  --k-shadow-lg:      0 8px 24px rgba(31,32,51,.12);
}

/* ===== Utilidades de marca ===== */
.text-brand    { color: var(--k-primary) !important; }
.text-accent   { color: var(--k-accent) !important; }
.bg-brand      { background-color: var(--k-primary) !important; }
.bg-brand-50   { background-color: var(--k-primary-50) !important; }
.bg-accent     { background-color: var(--k-accent) !important; }
.bg-accent-50  { background-color: var(--k-accent-50) !important; }
.bg-warm-50    { background-color: var(--k-warm-50) !important; }
.text-warm     { color: var(--k-warm) !important; }

/* ===== Logo ===== */
.brand-logo .logo-book { fill: var(--k-logo-book); }
.brand-logo .logo-px-1 { fill: var(--k-logo-px-1); }
.brand-logo .logo-px-2 { fill: var(--k-logo-px-2); }

/* Variante para fondos claros: libro azul en vez de blanco */
.brand-logo.logo-claro { --k-logo-book: var(--k-primary); }

/* ===== Botón acento ===== */
.btn-accent {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--k-accent);
  --bs-btn-border-color: var(--k-accent);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--k-accent-dark);
  --bs-btn-hover-border-color: var(--k-accent-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--k-accent-dark);
  --bs-btn-active-border-color: var(--k-accent-dark);
}

/* ===== Foco de formularios ===== */
.form-control:focus,
.form-select:focus {
  border-color: var(--k-primary-light);
  box-shadow: 0 0 0 .2rem rgba(var(--k-primary-rgb), .2);
}