:root {
    --paper: #dfc597;
    --tan: #c5a978;
    --brass: #b88a4b;
    --rust: #8b3027;
    --rust-light: #b94d3c;
    --blue: #183a46;
    --slab: Rockwell,"Roboto Slab","Courier New",serif;
    color-scheme: dark
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: #15130f;
    color: #eee;
    font-family: Arial,Helvetica,sans-serif
}

    body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        opacity: .11;
        background-image: radial-gradient(#d4b780 0.65px,transparent .8px);
        background-size: 5px 5px;
        z-index: 99
    }

.route-message {
    min-height: 60vh;
    padding: 8rem 8vw;
    color: var(--paper)
}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid #e0b75f;
    outline-offset: 3px
}

/*select:focus-visible,*/