/** * PMC Color Palette * CSS variables and utility classes for PMC Property Group brand colors */ :root { /* PMC Property Group Primary and Secondary Colors */ --pmc-orange: #E0604B; --rich-black: #000000; --pmc-deep-gray: #313131; --pmc-silver: #B2B4B6; --pmc-light-gray: #F0F0F0; --white: #FFFFFF; /* PMC South Carolina Colors */ --mills-red: #A41E34; --veridian-green: #40826D; --veridian-green-dark: #255447; --veridian-green-light: #BCE8E0; --riverwalk-blue: #0777BD; --riverwalk-dark-blue: #0E65A0; --riverwalk-light-blue: #2CAAE2; --color-guide-dark: #004D64; --color-guide-deep: #000021; --color-guide-gold: #C3996B; } /* Background Color Classes */ .bg-pmc-orange { background-color: var(--pmc-orange) !important; } .bg-rich-black { background-color: var(--rich-black) !important; color: white; } .bg-pmc-deep-gray { background-color: var(--pmc-deep-gray) !important; color: white; } .bg-pmc-silver { background-color: var(--pmc-silver) !important; } .bg-pmc-light-gray { background-color: var(--pmc-light-gray) !important; } .bg-white { background-color: var(--white) !important; } .bg-mills-red { background-color: var(--mills-red) !important; color: white; } .bg-veridian-green { background-color: var(--veridian-green) !important; color: white; } .bg-veridian-green-dark { background-color: var(--veridian-green-dark) !important; color: white; } .bg-veridian-green-light { background-color: var(--veridian-green-light) !important; } .bg-riverwalk-blue { background-color: var(--riverwalk-blue) !important; color: white; } .bg-riverwalk-dark-blue { background-color: var(--riverwalk-dark-blue) !important; color: white; } .bg-riverwalk-light-blue { background-color: var(--riverwalk-light-blue) !important; color: white; } .bg-color-guide-dark { background-color: var(--color-guide-dark) !important; color: white; } .bg-color-guide-deep { background-color: var(--color-guide-deep) !important; color: white; } .bg-color-guide-gold { background-color: var(--color-guide-gold) !important; } /* Text Color Classes */ .text-pmc-orange { color: var(--pmc-orange) !important; } .text-rich-black { color: var(--rich-black) !important; } .text-pmc-deep-gray { color: var(--pmc-deep-gray) !important; } .text-pmc-silver { color: var(--pmc-silver) !important; } .text-pmc-light-gray { color: var(--pmc-light-gray) !important; } .text-white { color: var(--white) !important; } .text-mills-red { color: var(--mills-red) !important; } .text-veridian-green { color: var(--veridian-green) !important; } .text-veridian-green-dark { color: var(--veridian-green-dark) !important; } .text-veridian-green-light { color: var(--veridian-green-light) !important; } .text-riverwalk-blue { color: var(--riverwalk-blue) !important; } .text-riverwalk-dark-blue { color: var(--riverwalk-dark-blue) !important; } .text-riverwalk-light-blue { color: var(--riverwalk-light-blue) !important; } .text-color-guide-dark { color: var(--color-guide-dark) !important; } .text-color-guide-deep { color: var(--color-guide-deep) !important; } .text-color-guide-gold { color: var(--color-guide-gold) !important; } /* Border Color Classes */ .border-pmc-orange { border-color: var(--pmc-orange) !important; } .border-rich-black { border-color: var(--rich-black) !important; } .border-pmc-deep-gray { border-color: var(--pmc-deep-gray) !important; } .border-pmc-silver { border-color: var(--pmc-silver) !important; } .border-pmc-light-gray { border-color: var(--pmc-light-gray) !important; } .border-white { border-color: var(--white) !important; } .border-mills-red { border-color: var(--mills-red) !important; } .border-veridian-green { border-color: var(--veridian-green) !important; } .border-veridian-green-dark { border-color: var(--veridian-green-dark) !important; } .border-veridian-green-light { border-color: var(--veridian-green-light) !important; } .border-riverwalk-blue { border-color: var(--riverwalk-blue) !important; } .border-riverwalk-dark-blue { border-color: var(--riverwalk-dark-blue) !important; } .border-riverwalk-light-blue { border-color: var(--riverwalk-light-blue) !important; } .border-color-guide-dark { border-color: var(--color-guide-dark) !important; } .border-color-guide-deep { border-color: var(--color-guide-deep) !important; } .border-color-guide-gold { border-color: var(--color-guide-gold) !important; }