body {
    --body-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --body-bg: var(--grey-tint-100);
    --body-color: var(--grey);
    --font-condensed: "Roboto Condensed", Arial, Helvetica, sans-serif;

    --top-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --top-bg: var(--grey-tint-90);
    --top-profile-bg: var(--grey-tint-90);
    --top-color: var(--grey-shade-20);
    --top-link: var(--grey-shade-20);
    --top-link-hover: var(--basic-shade-10);
    --top-border: var(--grey-tint-80);
    --top-search_bg: var(--basic-shade-10);

    --header-bg: #ffffff;
    --header-bg-image:none;
    --header-border: var(--grey-tint-80);

    --nav-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --nav-bg: var(--basic-color);
    --nav-bg-image: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 33%, rgba(255, 255, 255, 0) 100%);
    --nav-color: var(--tint-80);
    --nav-link: var(--tint-80);
    --nav-link-hover: var(--tint-100);
    --nav-border: var(--tint-40);

    --page-bg: transparent;
    --main-section-bg: inherit;
    --main-article-bg: #ffffff;
    --aside-section-bg: inherit;

    --link: var(--basic-color);
    --link-hover: var(--complement);

    --heading-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --heading-color: var(--grey);
    --heading-link: var(--basic-color);
    --heading-link-hover: var(--grey);

    --aside-nav-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --aside-nav-link: var(--basic-shade-20);
    --aside-nav-link-hover: var(--shade-80);
    --aside-nav-link-open: var(--complement-shade-20);

    --footer-fonts: 'Ysabeau Office', 'Segoe UI', "Lucida Sans Unicode",sans-serif; 
    --footer-bg: var(--basic-color);
    --footer-bg-image: repeating-linear-gradient(-45deg, var(--tint-0) 0%, var(--tint-10) 0%, var(--tint-0) 0%);
    --footer-color: var(--tint-80);
    --footer-link: var(--tint-80);
    --footer-link-hover: var(--tint-100);

    --table-header: var(--basic-color);
    --svg-fill: var(--basic-color);
    --svg-fill-hover: var(--complement);

    --app-marker-color: var(--basic-color);
    --app-marker-hover: var(--basic-tone-80);
    --nav-marker-color: var(--tint-60);
    --nav-marker-hover: var(--tint-90);
}