/* Brutalist — stark black & white, thick borders, hard offset shadows, no curves */
body, input, button, textarea, select {
    background-color: #f4f4f0;
    color: #000;
    font-family: 'Courier New', monospace;
}

* { border-radius: 0 !important; }

header {
    background: #000;
    color: #fff;
    border: 4px solid #000;
    text-shadow: none;
    padding: 8px;

    a { color: #fff; text-decoration: underline; }
}

.wrapper { max-width: 920px; }

.board, .post, .thread, .thread-warning, .flashed-message, .recent-post {
    background: #fff;
    border: 3px solid #000;
    box-shadow: 6px 6px 0 #000;
    margin-bottom: 14px;
    color: #000;

    &:hover { box-shadow: 10px 10px 0 #000; transform: translate(-2px,-2px); }
}

.board .name, .thread .name, .recent-post .name,
.recent-posts-header h2 a, .recent-attachments h2 a,
.subheader .title a {
    color: #000;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: bold;
}
.board .description, .thread .author, .thread .time,
.thread .reply-count, .post .author, .post .time { color: #333; }

.subheader {
    background: #ffe600;
    border: 4px solid #000;

    .title, .title a { color: #000; text-shadow: none; text-transform: uppercase; }
}

:is(.subheader .right .button, form input[type=submit]) {
    background: #000;
    border: 3px solid #000;
    color: #fff;
    text-shadow: none;
    box-shadow: 4px 4px 0 #777;
    text-transform: uppercase;

    &:hover { background: #ffe600; color: #000; box-shadow: 4px 4px 0 #000; }
}

a { color: #000; text-decoration: underline; }
a:visited { color: #555; }

.pager {
    a, span, span.current {
        background: #fff;
        border: 3px solid #000;
        color: #000;
        box-shadow: 3px 3px 0 #000;
        font-weight: bold;
    }
    span.current { background: #000; color: #fff; }
    a:hover { background: #ffe600; }
}

.posts .post-meta {
    background: #000;
    border-top: 3px solid #000;
    a { color: #fff; }
}
.recent-attachments-gallery .recent-attachment {
    background: #fff;
    border: 3px solid #000;
    box-shadow: 4px 4px 0 #000;
}

.form, form { background: #fff; }
input[type=text], input[type=password], input[type=number], textarea, select {
    background: #fff;
    border: 3px solid #000 !important;
    color: #000;
}

.post .text { .greentext { color: #007a00; } .title { color: #000; } }
mark { background: #ffe600; color: #000; }
footer, footer a { color: #000; font-weight: bold; }

.thread-warning {
    background: #ff2200;
    border: 4px solid #000;
    color: #fff;
}