/* design.css */

:root {
    /* =========================================
     Color Palette
     ========================================= */
    /* Explicitly defined hex codes from the color swatches */
    --color-brand-red: #e84128;
    --color-brand-dark-teal: #22676b;
    --color-brand-cyan: #00aaa9;
    --color-brand-navy: #283558;

    /* Additional colors observed in the logo applications */
    --color-brand-white: #ffffff;

    /* =========================================
     Typography
     ========================================= */
    /* Font Families */
    --font-family-primary: 'Karla', sans-serif;
    --font-family-secondary: 'Montserrat', sans-serif;

    /* Font Weights 
     Note: The image labels all text lines as "Bold", but visually displays 
     both bold and standard regular weights for the numbers and text. */
    --font-weight-regular: 400;
    --font-weight-bold: 700;
}