:root {
    --theme-color: #87A4DA;
    --theme-color-dim: #9EB5E1;
    --theme-color-dimmer: #B1C4E7;
    --theme-color-dimmest: #C5D3ED;

    --theme-color-dark: #2A4B88;
    --theme-color-light: #507AC9;

    --link-color: #2A4B88;
    --link-hover-color: #3661AF;

    --input-lite-border: #2A4B88;
}

.accent {
    background-color: #9EB5E1;
    background-color: var(--theme-dim);
}
.user-bar {
    border-bottom-color: #9EB5E1;
    border-bottom-color: var(--theme-dim);
}
header .content-title .subtitle {
    border-top-color: #9EB5E1;
    border-top-color: var(--theme-dim);
}

a, .thread:before, button, .button, input[type=button] { 
    color: #2A4B88;
    color: var(--link-color);
}

.submit, input[type=submit] {
    color: white;
}

a.submit:hover, .submit:hover, input[type=submit]:hover {
    color: white;
}

a:hover, button:hover, .button:hover, input[type=button]:hover { 
    color: #3661AF;
    color: var(--link-hover-color);
}
.unread .avatar-icon {
    border: 2px solid #2A4B88;
    border: 2px solid var(--link-color);
}

.post-list-bg-odd:nth-of-type(odd) {
    background-color: #F0F1F5;
}

.bg-theme {
    background-color: #87A4DA;
    background-color: var(--theme-color);
}

.bg-theme-dim {
    background-color: #9EB5E1;
    background-color: var(--theme-color-dim);
}

.bg-theme-dimmer {
    background-color: #B1C4E7;
    background-color: var(--theme-color-dimmer);
}

.bg-theme-dimmest {
    background-color: #C5D3ED;
    background-color: var(--theme-color-dimmest);
}

.bg-theme-dark {
    background-color: #2A4B88;
    background-color: var(--theme-color-dark);
}

.bg-theme-light {
    background-color: #507AC9;
    background-color: var(--theme-color-light);
}

.b--theme {
    border-color: #87A4DA;
    border-color: var(--theme-color);
}

.b--theme-dim {
    border-color: #9EB5E1;
    border-color: var(--theme-color-dim);
}

.b--theme-dimmer {
    border-color: #B1C4E7;
    border-color: var(--theme-color-dimmer);
}

.b--theme-dimmest {
    border-color: #C5D3ED;
    border-color: var(--theme-color-dimmest);
}

.b--theme-dark {
    border-color: #2A4B88;
    border-color: var(--theme-color-dark);
}

.b--theme-light {
    border-color: #507AC9;
    border-color: var(--theme-color-light);
}

:root {
    --background-even-background: #F0F1F5;
}

/* Assets */

.half.light {
    background-image:url("https://handmade.network/public/themes/light/accent_top_a.svg?v=1718614854");
}

.half.dark {
    background-image:url("https://handmade.network/public/themes/dark/accent_top_a.svg?v=1718614854");
}