:root {
    /* Layout */

    --color-bg: #ffffff;
    --color-bg-odd: #ededede0;
    --color-card: #ffffff;

    /* Navigation */

    --color-header: #ffffff;

    /* Hero */

    --color-header-secondary: #dbe4e8;

    /* Text */

    --color-text: #1f2937;
    --color-text-light: #a9a9a9;
    --color-text-muted: #d8d8d8;

    /* Brand */

    --color-primary: #9a1f18;
    --color-primary-hover: #b30500;

    /* Borders */

    --color-border: #cecece;

    /* Utility */

    --color-white: #ffffff;
    --color-black: #111111;
}