:root {
    --root-pale-color: #5e8293;
    --root-dark-color: #2a385a;
    --root-dark-color-alt: #08256d;
    --root-dark-hover: #19478f;
    --root-link-color: #5a78a7;
    --root-comment-color: #bbc1ca;
    --root-header-text-color: rgba(255,255,255,.9); /* #d9e4ff; */
    --root-nav-hover: #f2f6ff;
    --root-comment-respond-color: #e3e7ee;

    --header-font: "Electrolize", serif;
    --body-font: Arial, Helvetica, sans-serif;
    --menu-font: proxima-nova, Arial, Helvetica, sans-serif;

    --blog-thumbnail-size: contain;
}

:root {
    --main-bg-color: rgb(227, 230, 232);
    --main-color: rgba(25,25,25,.7);
    --main-color-header: rgba(25,25,25,.9);

    --link-color: var(--root-link-color);
    --link-hover: var(--root-dark-hover);

    --header-text-color: var(--root-header-text-color);
    --header-text-hover: white;
    --header-bg-color: var(--root-dark-color);

    --nav-color-mobile: white;
    --nav-link-mobile: var(--root-header-text-color);
    --nav-link-hover-mobile: var(--root-dark-color);
    --nav-link-bg-hover-mobile: var(--root-nav-hover);

    --blog-title-color: var(--root-dark-color);
    --blog-title-hover: var(--root-dark-hover);
    --blog-subtitle-color: var(--root-pale-color);

    --blog-list-month-year-color: var(--root-pale-color);
    --blog-list-thumbnail-bg: var(--root-dark-hover);
    --blog-list-link-color: var(--root-pale-color);
    --blog-list-link-hover: var(--root-dark-hover);
    --blog-list-subtitle: var(--root-pale-color);

    --excerpt-background: white;
    --excerpt-border: black;

    --hr-color: var(--root-pale-color);

    --comment-color: var(--root-dark-color);
    --comment-date-color: var(--root-comment-color);
    --comment-date-hover: var(--root-dark-hover);
    --comment-separator-color: var(--root-comment-color);
    --comment-respond-bg: var(--root-comment-respond-color);
    --comment-respond-border: var(--root-comment-color);

    --button-color: var(--root-dark-color);
    --button-color-hover: var(--root-dark-color-alt);
    --button-color-text: white;

    --input-border: #c0cceb;
    --input-focus: #bbbbbb;
}