:root{
    --hc-background: #161616;
    --hc-background-secondary: #1c1c1c;
    --hc-background-tertiary: #333333;
    --hc-text-primary: #ffffff;
    --hc-text-secondary: #00ffff;
    --hc-a-color: #00ffff;
    --hc-a-color-hover: #ffffff;
}

.hc body, .hc hr {
    background-color: var(--hc-background) !important;
    color:var(--hc-text-primary) !important;
}

.hc a.text-dark{
    color: var(--hc-text-secondary) !important;
}

.hc a.text-dark:hover{
    color: var(--hc-a-color-hover) !important;
}


.hc .dropdown-menu, .hc .dropdown-menu::before{
   background-color: var(--hc-background) !important; 
}

.hc .bg-white, .hc .bg-secondary, .hc .primary-bg-a9, .hc .card{
    background-color: var(--hc-background-tertiary) !important;
}

.hc .primary-bg-a6, .hc .primary-bg {
    background-color: var(--hc-background) !important;
}

/*bg a-8 e a-5 devono essere dello stesso colore*/
.hc .primary-bg-a8,.hc .primary-bg-a5, .hc .primary-bg-a4,.hc .primary-bg-b3,.hc .primary-bg-b1,.hc .neutral-2-bg-a1 {
    background-color: var(--hc-background-secondary) !important;
}

.hc .text-secondary{
    color: var(--hc-text-secondary) !important;
    font-weight: bold;
}

.hc .text-light{
    color: var(--hc-text-primary) !important;
}

.hc .border{
    border-color: var(--hc-text-primary)!important;
    border-width: 5px !important;
}

.hc .border-light{
    border-color: var(--hc-text-primary) !important;
}


.hc p,.hc span,.hc b,.hc li,.hc li:before {
    color: var(--hc-text-primary) !important;
    font-family: sans-serif !important;
    font-weight: bold;
}

.hc span,.hc h3{
    text-decoration: none !important;
}

.hc h1,.hc h2,.hc h3,.hc h4,.hc h5,.hc h6 {
    color: var(--hc-text-secondary) !important;
    font-weight: bold;
}

.hc a {
    color: var(--hc-a-color) !important;
    text-decoration: underline !important;
    text-decoration-color: currentColor !important;
    font-weight: bold;
}

.hc a:hover{
    color: var(--hc-a-color-hover) !important;
}

.hc hr{
    border-color: var(--hc-text-primary) !important;
}

.hc .text-white{
    color: var(--hc-text-primary) !important;
}

.hc .text-primary{
    color: var(--hc-text-primary) !important;
}

.hc a.text-primary:focus,.hc a.text-primary:hover {
    color: var(--hc-text-primary) !important;
    text-decoration-color: currentColor !important;
    text-decoration: underline !important;
}

.hc .btn, .btn-outline-primary, .btn-sm{
   border: 5px ;
   border-color:var(--hc-a-color) !important;
   background-color: var(--background-secondary) !important;
}

.hc .btn-outline-primary{
    outline-color: var(--hc-a-color) !important;
    outline-width: 6px !important;
	box-shadow: inset 0 0 0 5px var(--hc-a-color) !important;
}

.hc .btn-outline-primary:hover{
	box-shadow: inset 0 0 0 5px var(--hc-a-color-hover) !important;
}



.hc *:focus, .hc div {
    background-color: var(--hc-background-tertiary) !important;
    outline: 3px solid transparent !important;
}

.hc i{
    color: currentColor !important;  
}

.hc svg {
    fill: currentColor !important;
}

.hc div {
    background-color: transparent !important;
}