:root {
    /*MOBOMO COLOR CODES*/
    --color-ddrc-primary: #1C2874;
    --color-ddrc-dark: #000d26;
    --color-ddrc-primary-100: #596AD7;
    --color-ddrc-primary-200: #1E36CD;
    --color-ddrc-crimson: #B00007;
    /*ZACK COLOR CODES*/
/*    --color-ddrc-primary: #023064;
    --color-ddrc-dark: #000d26;
    --color-ddrc-primary-100: #024897;
    --color-ddrc-primary-200: #0260CA;
    --color-ddrc-crimson: #ed143d;*/
    /*OTHER COLORS*/
    --color-ddrc-gray-100: #EBECF2;
    /*--color-ddrc-gray-100: #F5F5F5;*/
    --color-ddrc-gray-200: #D0D0D0;
    --color-ddrc-gray-300: #e0e0e0;
    --color-ddrc-gray-400: #C0C0C0;
    --color-ddrc-red: #b00007;
    --font-ddrc-h1: 3rem;
    --font-ddrc-h2: 2.125rem;
    --font-ddrc-h3: 1.75rem;
    --font-ddrc-h4: 1.5rem;
    --font-ddrc-h5: 1.25rem;
    --font-ddrc-h6: 1.063rem;
    --font-ddrc-regular: 1rem;
    --font-ddrc-paragraph: 1.2rem;
    --font-ddrc-small: 0.875rem;
}

.ddrc-text-primary {
    color: var(--color-ddrc-primary);
}

.ddrc-text-primary-100 {
    color: var(--color-ddrc-primary-100);
}

.ddrc-text-primary-200 {
    color: var(--color-ddrc-primary-200);
}

.ddrc-text-crimson {
    color: var(--color-ddrc-crimson);
}

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

.ddrc-text-gray-100 {
    color: var(--color-ddrc-gray-100);
}

.ddrc-text-gray-400 {
    color: var(--color-ddrc-gray-400);
}

.ddrc-bg-primary {
    background-color: var(--color-ddrc-primary);
}

.ddrc-bg-primary-100 {
    background-color: var(--color-ddrc-primary-100);
}

.ddrc-bg-primary-dark {
    background-color: var(--color-ddrc-dark);
}

.ddrc-bg-primary-200 {
    background-color: var(--color-ddrc-primary-200);
}

.ddrc-bg-gray-100 {
    background-color: var(--color-ddrc-gray-100);
}

.ddrc-bg-gray-300 {
    background-color: var(--color-ddrc-gray-300);
}

.ddrc-border-primary-100 {
    border: 2px solid var(--color-ddrc-primary);
}

.ddrc-border-gray-300 {
    border: 2px solid #dfe1e2;
}

.ddrc-border-gray-400 {
    border: 2px solid var(--color-ddrc-gray-400);
}

.ddrc-border-bottom-gray-100 {
    border-bottom: 2px solid #D0D0D0;
}

.ddrc-border-top-gray-100 {
    border-top: 2px solid #D0D0D0;
}

.ddrc-border-top-gray-400 {
    border-top: 3px solid var(--color-ddrc-gray-400);
}

.ddrc-border-top-black {
    border-top: 3px solid black;
}

.ddrc-border-top-primary {
    border-top: 3px solid var(--color-ddrc-primary);
}

.ddrc-heavy-border-bottom-gray-400 {
    border-bottom: 10px solid var(--color-ddrc-gray-400);
}

.ddrc-heavy-border-bottom-primary-100 {
    border-bottom: 10px solid var(--color-ddrc-primary-100);
}

.ddrc-heavy-border-bottom-primary-dark {
    border-bottom: 10px solid var(--color-ddrc-dark);
}

.ddrc-fs-regular {
    font-size: var(--font-ddrc-regular);
}

.ddrc-fs-small {
    font-size: var(--font-ddrc-small);
}

.ddrc-fs-paragraph {
    font-size: var(--font-ddrc-paragraph);
}