:root {
    --theme-color: #AB4C47;
    --theme-color-dim: #DAA8A5;
    --theme-color-dimmer: #E1B9B7;
    --theme-color-dimmest: #E9CBC9;

    --theme-color-dark: #7E3834;
    --theme-color-light: #BC625D;

    --link-color: #7E3834;
    --link-hover-color: #A24843;

    --input-lite-border: #7E3834;
}

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

a, .thread:before, button, .button, input[type=button] { 
    color: #7E3834;
    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: #A24843;
    color: var(--link-hover-color);
}
.unread .avatar-icon {
    border: 2px solid #7E3834;
    border: 2px solid var(--link-color);
}

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

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

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

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

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

.bg-theme-dark {
    background-color: #7E3834;
    background-color: var(--theme-color-dark);
}

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

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

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

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

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

.b--theme-dark {
    border-color: #7E3834;
    border-color: var(--theme-color-dark);
}

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

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

/* Assets */

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

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