:root {
    --site-background-color: var(--charcoal);
    --site-hero-background: var(--obsidian);

    --site-nav-color: var(--obsidian);
    --site-nav-font-color: var(--whitesmoke-dd);
    --site-nav-standout-font: white;

    --site-text-dim: var(--dark-text-bb);

    --site-font-color: whitesmoke;
    --decorative-font: 'Syncopate', sans-serif;

    /* ================ PROFILE SPECIFIC */
    --profile-bg: var(--obsidian);
    --profile-content-bg: var(--charcoal);
    --profile-text: var(--dark-text);
    --profile-article-text: var(--dark-text-bb);
    --profile-text-fade: var(--dark-text-bb);

    --profile-card-top-bg: var(--steel-blue);
    --profile-card-top-text: whitesmoke;

    --profile-card-bg: var(--navy-mid);
    --profile-card-label-color: var(--steel-blue);
    --profile-card-text-color: var(--dark-text-bb);

    --profile-map-bg: var(--navy-mid);

    --g-link-bg: var(--obsidian);
    --g-link-text: var(--dark-text-bb);

    /*81, 157, 193 = Steel Blue*/
    --profile-border: rgba(81, 157, 193, 0.18);
    --profile-divider: rgba(81, 157, 193, 0.25);
    --profile-quote: rgba(81, 157, 193, 0.06);

    --profile-shadow: rgba(30, 45, 61, 0.06);


    --dark-only: 1;
}