/* 1) Červená */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(1) .bi {
    color:     var(--rainbow-red);
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(1) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(1) .card:focus{
  background-color:     var(--rainbow-red);
  color: white;
}

/* 2) Oranžová */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(2) .bi {
    color:     var(--rainbow-orange);
}

#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(2) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(2) .card:focus{
  background-color:     var(--rainbow-orange);
  color: white;
}


/* 3) Žlutá – tmavší text kvůli kontrastu */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .bi {
    color:     var(--rainbow-yellow);
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .card:focus{
  background-color:     var(--rainbow-yellow);
  color: var(--colorTextPrimary);
}

#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .card:hover i,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .card:hover h5,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(3) .card:hover a{
    color: var(--colorTextPrimary) !important;
}

/* 4) Zelená */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(4) .bi {
    color:     var(--rainbow-green);
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(4) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(4) .card:focus{
  background-color:     var(--rainbow-green);
  color: white;
}

/* 5) Modrá */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(5) .bi {
    color:     var(--rainbow-blue);
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(5) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(5) .card:focus{
  background-color:     var(--rainbow-blue);
  color: white;
}

/* 6) Modřejší */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(6) .bi {
    color:     #0d6efd;
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(6) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(6) .card:focus{
  background-color:     #0d6efd;
  color: white;
}


/* 7) Fialová */
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(7) .bi {
    color:     var(--rainbow-violet);
}
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(7) .card:hover,
#documents-table .col-6.col-md-4.col-lg-3:nth-of-type(7) .card:focus{
  background-color:     var(--rainbow-violet);
  color: white;
}


#documents-table .col-6.col-md-4.col-lg-3 .card:hover svg{ fill: white;}
#documents-table .col-6.col-md-4.col-lg-3 .card:hover i,
#documents-table .col-6.col-md-4.col-lg-3 .card:hover h5 {
  color: white !important;
}

#documents-table .col-6.col-md-4.col-lg-3 .card {
  transition: background-color 0.3s, color 0.3s;
}