:root {
  --color-morado-principal: #6e11f8;
  --color-morado-oscuro: #270659;
  --color-morado-suave: #f4efff;
  --color-lavanda: #d3c1ff;
  --color-verde-lima: #bdf522;
  --color-turquesa: #39d6cf;
  --color-fondo: #fafafc;
  --color-superficie: #ffffff;
  --color-superficie-secundaria: #f3f2f7;
  --color-texto-principal: #1a1428;
  --color-texto-secundario: #625c74;
  --color-texto-terciario: #837d96;
  --color-borde: #e8e6ef;
  --color-borde-fuerte: #d6d3e0;
  --color-success: #12a150;
  --color-success-fondo: #e6f7ee;
  --color-warning: #d4880d;
  --color-warning-fondo: #fef6e7;
  --color-danger: #e5484d;
  --color-danger-fondo: #fdecec;
  --color-info: #188b87;
  --color-info-fondo: #e6f8f7;
  --ancho-barra-lateral: 240px;
  --ancho-barra-lateral-reducida: 76px;
  --alto-barra-superior: 68px;
  --radio-xs: 5px;
  --radio-pequeno: 6px;
  --radio-mediano: 8px;
  --radio-grande: 12px;
  --radio-xl: 16px;
  --sombra-suave: 0 1px 2px rgb(26 20 41 / 6%);
  --sombra-flotante: 0 12px 32px rgb(39 6 89 / 16%);
  --fuente-principal: "Outfit", system-ui, sans-serif;
  --bs-primary: #6e11f8;
  --bs-body-font-family: var(--fuente-principal);
  --bs-body-color: var(--color-texto-principal);
  --bs-border-color: var(--color-borde);
}