:root {
    
    --content-bg: #ffffff;
    
    --orange: #ffc737;
    
    --purple: #3d387c;
    --purple-dark: #242149;
    --purple-bright: #b6b5d9;
    
    --text-link: #736bd5;
    --text-link-hover: #534ad2;
    
    
    --text-error: #bb0000;
}


ul.menu {
    
    --ul-border: #444444;
    
    --link-bg: #e8e8e8;
    --link-text: #444444;
    --link-act-bg: #444444;
    --link-act-text: #e8e8e8;
    --separator-bg: #b4b4b4;
    --separator-text: #080808;
}


/* Content Cards, Teaser Buttons, Column 2 Legacy Panels */

.card-colors {
    --hint-bg: rgba(56, 24, 92, 0.66);
    --hint-bg-hover: rgba(56, 24, 92, 1.0);
    --hint-text: #ffc737;
    /* --hint-text: #75ff37; */
}

/* Blue */
.card-colors-1 {
    --top-bg: #82a5c2;
    --bottom-bg: #d8e7f2;
    --link-text: #4f7493;
    --link-text-hover: #305574;
}

/* Lavender */
.card-colors-2 {
    --top-bg: #a4a4e0;
    --bottom-bg: #e6e6fa;
    --link-text: #4f4f93;
    --link-text-hover: #303074;
}

/* Pink */
.card-colors-3 {
    --top-bg: #f383ab;
    --bottom-bg: #f3d7e0;
    --link-text: #a74f6e;
    --link-text-hover: #712943;
}

/* Orange */
.card-colors-4 {
    --top-bg: #ff977a;
    --bottom-bg: #ffe1d6;
    --link-text: #d75936;
    --link-text-hover: #8e3720;
}

/* Green */
.card-colors-5 {
    --top-bg: #74ba66;
    --bottom-bg: #dbf3d7;
    --link-text: #5da74f;
    --link-text-hover: #347128;
}

/* Teal */
.card-colors-6 {
    --top-bg: #6cc8c3;
    --bottom-bg: #d7f3f1;
    --link-text: #4fa7a2;
    --link-text-hover: #28716d;
}