:root {
    /* Tailwind Alpha looks for this format. */
    --primary-lighter-rgb: 87, 116, 163;
    --primary-light-rgb: 55, 84, 135;
    --primary-main-rgb: 27, 54, 100;
    --primary-dark-rgb: 21, 43, 80;
    --primary-darker-rgb: 17, 34, 62;
    --primary-contrastText-rgb: 255, 255, 255;
    
    --secondary-lighter-rgb: 179, 204, 217;
    --secondary-light-rgb: 151, 178, 199;
    --secondary-main-rgb: 123, 152, 176;
    --secondary-dark-rgb: 99, 123, 140;
    --secondary-darker-rgb: 76, 95, 110;
    --secondary-contrastText-rgb: 255, 255, 255;
    
    --tertiary-lighter-rgb: 123, 147, 93;
    --tertiary-light-rgb: 82, 113, 57;
    --tertiary-main-rgb: 42, 77, 20;
    --tertiary-dark-rgb: 31, 58, 15;
    --tertiary-darker-rgb: 21, 39, 10;
    --tertiary-contrastText-rgb: 255, 255, 255;
    --washed-tertiary-rgb: 224, 209, 220;
    
    --white-rgb: 255, 255, 255;
    --white-2-rgb: 249, 244, 245;
    
    --font-primary: var(--font-montage-serif);
    --font-secondary: var(--font-open-sans);
    --font-button: var(--font-montage-serif);
}