:root {
    --upenn-white: #faf9f3;
    --upenn-white-action: #fbfaf2;
    --upenn-marine-gray: #eeedea;
    --upenn-marine-gray-action: #efeeeb;
    --upenn-college-gray: #b2b6a7;
    --upenn-college-gray-action: #c3c7b8;
    --upenn-tan: #d7bc69;
    --upenn-tan-action: #e8cd7a;
    --upenn-red: #990000;
    --upenn-red-action: #aa0000;
    --upenn-blue: #011e5a;
    --upenn-blue-action: #122f6b;
    --upenn-blue-0: #252360;
    --upenn-blue-0-action: #363471;
    --upenn-blue-1: #272f84;
    --upenn-blue-1-action: #393f95;
    --upenn-blue-2: #016bb5;
    --upenn-blue-2-action: #127cc6;
    --upenn-blue-3: #05aafb;
    --upenn-blue-3-action: #15bbfc;
    --upenn-purple: #95227c;
    --upenn-purple-action: #a6338d;
    --upenn-purple-red: #a8204d;
    --upenn-purple-red-action: #b9315e;
    --upenn-purple-blue: #532984;
    --upenn-purple-blue-action: #645a95;
}

.bg-upenn-white                 { background-color: var(--upenn-white) !important; }
.bg-upenn-marine-gray           { background-color: var(--upenn-marine-gray) !important; }
.bg-upenn-marine-gray-action    { background-color: var(--upenn-marine-gray-action) !important; }
.bg-upenn-college-gray          { background-color: var(--upenn-college-gray) !important; }
.bg-upenn-college-gray-action   { background-color: var(--upenn-college-gray-action) !important; }
.bg-upenn-tan                   { background-color: var(--upenn-tan) !important; }
.bg-upenn-tan-action            { background-color: var(--upenn-tan-action) !important; }
.bg-upenn-red                   { background-color: var(--upenn-red) !important; }
.bg-upenn-red-action            { background-color: var(--upenn-red-action) !important; }
.bg-upenn-blue                  { background-color: var(--upenn-blue) !important; }
.bg-upenn-blue-0                { background-color: var(--upenn-blue-0) !important; }
.bg-upenn-blue-1                { background-color: var(--upenn-blue-1) !important; }
.bg-upenn-blue-2                { background-color: var(--upenn-blue-2) !important; }
.bg-upenn-blue-3                { background-color: var(--upenn-blue-3) !important; }
.bg-upenn-purple                { background-color: var(--upenn-purple) !important; }
.bg-upenn-purple-red            { background-color: var(--upenn-purple-red) !important; }
.bg-upenn-purple-blue           { background-color: var(--upenn-purple-blue) !important; }

.text-upenn-white         { color: var(--upenn-white) !important; }
.text-upenn-marine-gray   { color: var(--upenn-marine-gray) !important; }
.text-upenn-college-gray  { color: var(--upenn-college-gray) !important; }
.text-upenn-tan           { color: var(--upenn-tan) !important; }
.text-upenn-red           { color: var(--upenn-red) !important; }
.text-upenn-blue          { color: var(--upenn-blue) !important; }
.text-upenn-blue-0        { color: var(--upenn-blue-0) !important; }
.text-upenn-blue-1        { color: var(--upenn-blue-1) !important; }
.text-upenn-blue-2        { color: var(--upenn-blue-2) !important; }
.text-upenn-blue-3        { color: var(--upenn-blue-3) !important; }
.text-upenn-purple        { color: var(--upenn-purple) !important; }
.text-upenn-purple-red    { color: var(--upenn-purple-red) !important; }
.text-upenn-purple-blue   { color: var(--upenn-purple-blue) !important; }

.border-color-upenn-white         { border-color: var(--upenn-white) !important; }
.border-color-upenn-tan           { border-color: var(--upenn-tan) !important; }
.border-color-upenn-red           { border-color: var(--upenn-red) !important; }
.border-color-upenn-blue          { border-color: var(--upenn-blue) !important; }
.border-color-upenn-blue-0        { border-color: var(--upenn-blue-0) !important; }
.border-color-upenn-blue-1        { border-color: var(--upenn-blue-1) !important; }
.border-color-upenn-blue-2        { border-color: var(--upenn-blue-2) !important; }
.border-color-upenn-blue-3        { border-color: var(--upenn-blue-3) !important; }
.border-color-upenn-purple        { border-color: var(--upenn-purple) !important; }
.border-color-upenn-purple-red    { border-color: var(--upenn-purple-red) !important; }
.border-color-upenn-purple-blue   { border-color: var(--upenn-purple-blue) !important; }