:root {

    /* Parchment */

    --bg-primary: #f3ead7;
    --bg-secondary: #e7dac0;
    --bg-panel: #fbf6ea;

    /* Ink */

    --text-primary: #2c241a;
    --text-secondary: #6b5d49;

    /* Archive Accents */

    --heading: #4f3822;
    --accent: #87623a;

    /* Borders */

    --border-light: #d0bea0;
    --border-medium: #b79f79;
    --border-dark: #8c734c;

    /* Links */

    --link: #6d4e2d;
    --link-hover: #49311b;

    /* Layout */

    --sidebar-width: 320px;
}

body {
    background:
        repeating-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.015) 0px,
            rgba(0, 0, 0, 0.015) 1px,
            transparent 1px,
            transparent 5px
        ),
        var(--bg-primary);
}

.sidebar {
    background: var(--bg-secondary);
    border-right: 2px solid var(--border-dark);
}

.content {
    background: var(--bg-primary);
}

.block {
    background: var(--bg-panel);

    border: 1px solid var(--border-light);

    padding: 1.75rem;
}

h1,
h2,
h3 {
    color: var(--heading);

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.08em;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.25rem;
}

a {
    color: var(--link);
}

a:hover {
    color: var(--link-hover);
}

.sidebar p {
    color: var(--text-secondary);

    font-style: italic;
}