:root {
    /* body colors */
    --Sub-BG-color: rgb(128, 128, 128);

    /* Content Colors */
    --Content-OffWhite: rgb(246, 245, 233);
    --Content-OffWhite40: rgba(246, 245, 233, .8);
    --Content-OffWhite80: rgba(246, 245, 233, .4);
    --Content-Red: #ff0000;
    --Content-Black: #000;
    --Content-White: #fff;
    --Content-Gold: gold;
    --Content-Gradiant-OffWhite-Transparent00: linear-gradient(100deg, rgb(246, 245, 233) 0%, rgb(246, 245, 233) 30%, rgb(255, 254, 251) 40%, rgb(246, 245, 233) 50%, rgb(246, 245, 233) 75%, rgb(255, 254, 251) 80%, rgb(246, 245, 233) 85%, rgb(246, 245, 233) 100%);
    --Content-Gradiant-OffWhite-Transparent40: linear-gradient(100deg, rgba(246, 245, 233, .8) 0%, rgba(246, 245, 233, .8) 30%, rgba(255, 254, 251, .8) 40%, rgba(246, 245, 233, .8) 50%, rgba(246, 245, 233, .8) 75%, rgba(255, 254, 251, .8) 80%, rgba(246, 245, 233, .8) 85%, rgba(246, 245, 233, .8) 100%);
    --Content-Gradiant-OffWhite-Transparent80: linear-gradient(100deg, rgba(246, 245, 233, .4) 0%, rgba(246, 245, 233, .4) 30%, rgba(255, 254, 251, .4) 40%, rgba(246, 245, 233, .4) 50%, rgba(246, 245, 233, .4) 75%, rgba(255, 254, 251, .4) 80%, rgba(246, 245, 233, .4) 85%, rgba(246, 245, 233, .4) 100%);
    --Content-Gradiant-RedTrim: linear-gradient(180deg, rgba(255, 72, 72, 1) 0%, rgba(255, 0, 0, 1) 10%, rgba(206, 0, 0, 1) 30%, rgba(255, 0, 0, 1) 50%, rgba(255, 20, 20, 1) 80%, rgba(255, 0, 0, 1) 95%, rgba(180, 0, 0, 1) 100%);

    /* Content Spacing */
    --Content-Margins-Cell: 1rem;
    --Content-Margins-Tab: 2rem;
    --Content-Margins-Full: 5rem;
    --Content-padding-Cell: 1rem;
    --Content-padding-Tab: 2rem;
    --Content-padding-Full: 5rem;
    --Content-Border: 2px solid rgb(0, 0, 0);
    --Content-Border-Gold: 2px solid gold;
    --Content-Border-Rounding: 1rem;
    --Content-Border-Rounding-Tight: .75rem;
}