html {
    /* BRAND COLORS */
    --primary-color: #56001a;
    --accent-color: #e47833;

    --background-dark: var(--primary-color); /* applied with white text */

    /* FONT STACKS */
    --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --header-font: var(--body-font);

    /* GLOBAL HEADER STYLES */
    --header-background-color: var(--primary-color);
    --header-text-color:#fff;
    --header-border-color:var(--accent-color);

    /* NAVIGATION STYLES */
    --nav-link-color:#fff;
    --nav-dropdown-background-color:#fff;
    --nav-dropdown-border-color:rgba(0,0,0,0.15);
    --nav-dropdown-link-color:#222;
    --nav-dropdown-link-hover-background-color:rgba(0,0,0,0.05);

    /* MOBILE NAVIGATION BUTTON */
    --nav-mobile-button-background-color:var(--accent-color);
    --nav-mobile-button-icon-color:#fff;

    /* USER TOOLS DROPDOWN */
    --nav-login-container-background:rgba(255,255,255,0.1);
    --nav-login-dropdown-background:var(--accent-color);
    --nav-login-dropdown-text-color:#fff;

    /* HEADING COLOR STYLES */
    --h1-color:var(--primary-color);
    --h2-color:var(--accent-color);
    --h3-color:inherit;

    /* TEXT LINK COLOR STYLES */
    --link-color:var(--accent-color);
    --link-color-hover:var(--primary-color);

    /* GLOBAL BUTTON STYLES */
    --btn-primary-background-color:var(--background-dark);
    --btn-primary-text-color:#fff;
    --btn-primary-background-color-hover:var(--accent-color);
    --btn-primary-text-color-hover:#fff;

    /* GLOBAL FOOTER STYLES */
    --footer-background-color:#222;
    --footer-text-color:#ccc;
    --footer-link-color:#fff;
}

/* CUSTOM CLIENT CSS */