:root {
    --green: #28a745;
    --red: #dc3545;
    --tan: #d2b48c;
    --dark-gray: #343a40;
    --light-gray: #f8f9fa;

    --border-color-normal: #999;
    --border-color-light: #ccc;
    --border-color-dark: #333;

    --lcms-blue: #025693;
    --lcms-yellow: #fbc83a;
    --lcms-off-white: #F9F8F3;
    --lcms-light-tan: #EAE5E1;
    --lcms-link: #2865A8;


    --blue-light: #6d8ce8;
    --blue: #397BD9;
    --blue-dark: #1d44b8;
    --blue-dark2: rgba(20, 40, 146);
    --royal-blue: #4169E1;
    --gold: #FFD700;
    --turquoise: #40E0D0;
    --not-turquoise: #41b9e1;

    --salmon-pink: #FF91A4;
    --charcoal-gray: #36454F;

    --color-landing-hero: var(blue);
    --color-primary: var(--blue);
    --color-link: var(--blue-dark);
    --color-info: var(--not-turquoise);
    --color-success: var(--turquoise);
    --color-warning: var(--gold);
    --color-danger: var(--salmon-pink);

}

.has-inner-shadow {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.has-background-lcms-gold {
    background-color: var(FFD700);
}

.is-salmon {
    background-color: var(--salmon-pink);
    color: white;
}

.has-links-salmon a {
    color: var(--salmon-pink);
}

.has-links-salmon a:hover {
    text-decoration: underline;
}


#blazor-error-ui {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: crimson;
    color: white;
    z-index: 1000;
}

.has-rounded-corners {
    border-radius: 0.25rem;
}

.has-text-red {
    color: var(--red);
}

.has-text-underline {
    text-decoration: underline;
}