:root {
    --main: var(--tan);
    --accent: "black";
    --logored: rgb(177, 40, 40);

    --tan: #FFF3E7;
    --gold: #F2B36F;
    --divider: #bb7c36;
    --green: #566246;
    --red: #BC1C02;
    --brown: #812A18;
    --darkbrown: #3f0808;
}

@media (prefers-color-scheme: dark) {
:root {
}
}

@font-face {
    font-family: 'Instrument Serif';
    src: url('/_/fonts/InstrumentSerif/InstrumentSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Laandbrau';
    src: url('/_/fonts/Laandbrau/Laandbrau.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Old Wise Sketch';
    src: url('/_/fonts/OldWiseSketch/OldWiseSketch-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sedan SC';
    src: url('/_/fonts/SedanSC/SedanSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    background-color: var(--main);
    color: var(--accent);
}

form input:not([type="submit"]):not([type="button"]),
form textarea {
    outline: 1px solid #000 !important;
    outline-offset: 0;
    transition: outline-offset 220ms cubic-bezier(.2, .75, .25, 1);
}

form input:not([type="submit"]):not([type="button"]):focus,
form textarea:focus {
    animation: form-field-outline-spring 360ms cubic-bezier(.2, .75, .25, 1) forwards;
}

@keyframes form-field-outline-spring {
    0% {
        outline-offset: 0;
    }
    52% {
        outline-offset: 7px;
    }
    74% {
        outline-offset: 2px;
    }
    100% {
        outline-offset: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    form input:not([type="submit"]):not([type="button"]),
    form textarea {
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
    }
}

a:visited {
    color: inherit;
}

a:active {
    color: inherit;
}