:root {

    --phd__color-primary-rgb: 146, 114, 42;
    --phd__color-primary-inverse-rgb: 255, 255, 255;
    --phd__color-secondary-rgb: 35, 37, 40;
    --phd__color-accent-rgb: 203, 163, 68;
    --phd__input-error-color: 216, 55, 49;
    --phd__focus-line-color-rgb: 220, 145, 0;





    --phd__focus-line-color: #dc9100;
    --phd__focus-line-color-error: #ff2222;

    --phd__main-color-base: var(--phd__color-primary-rgb);
    --phd__main-color-inverse-base: var(--phd__color-primary-inverse-rgb);
    --phd__color-opacity: 0.1;

    --phd__hover-filter:  brightness(1.2);


    /* MATH MODULE COPY TO FILES */
    --phd__main-color: rgb(var(--phd__main-color-base));
    --phd__main-inverse-color: rgb(var(--phd__main-color-inverse-base));
    --phd__main-color-soft: rgba(var(--phd__main-color-base), var(--phd__color-opacity));
    --phd__paddings: var(--phd__vertical-padding) var(--phd__horizontal-padding);

    /*END*/

    --phd__border-radius: 8px;
    --phd__border-width: 0.125rem;

    /*Compact*/
    --phd__font-size-compact: .9rem;
    --phd__line-height-compact: 1.1rem;
    --phd__icon-size-compact: 1.2rem;
    --phd__vertical-padding-compact: .4rem;
    --phd__horizontal-padding-compact: .8rem;

    /*Default*/
    --phd__font-size: .95rem;
    --phd__line-height: 1.25rem;
    --phd__icon-size: 1.5rem;
    --phd__vertical-padding: .7rem;
    --phd__horizontal-padding: 1rem;

    /*Large*/
    --phd__font-size-large: 1rem;
    --phd__line-height-large: 1.5rem;
    --phd__icon-size-large: 1.65rem;
    --phd__vertical-padding-large: .85rem;
    --phd__horizontal-padding-large: 1.5rem;


    --phd__filter-dropshadow: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.3));

/*    --phd__padding: var(--phd__vertical-padding) var(--phd__horizontal-padding);*/


}

.no-scroll {
    overflow: hidden;
}

.phd-link{
    color: var(--phd__main-color);
    text-decoration: underline;
    text-decoration-thickness: .05rem;
    cursor: pointer;
    transition: color .3s ease;
}
.phd-link.link-secondary{
    color: rgb(var(--phd__color-secondary-rgb));
}
@media (hover: hover) {
    .phd-link:hover{
        color: rgb(var(--phd__color-accent-rgb));
        text-decoration: underline;
        text-decoration-thickness: .1rem;
    }
    .phd-link.link-secondary:hover{
        color: var(--phd__main-color);
    }
}



.phd-progress {
    --phd-progress-size: var(--phd__icon-size);
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
    color: transparent !important;
}


.phd-progress::after {
    content: "";
    position: absolute;
    width: var(--phd-progress-size);
    height: var(--phd-progress-size);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top-color: white;
    animation: phd-loading-spinner .8s ease infinite;
    /*transition: all 1ms ease;*/
}


@keyframes phd-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}