:root {
    --deg-ink: #1d1d1b;
    --deg-paper: #f7f5f0;
    --deg-warm: #eeeae2;
    --deg-muted: #696761;
    --deg-line: #dcd8cf;
    --deg-accent: #5548d9;
    --deg-highlight: #d9d2ff;
    --deg-error: #a53d3d;
    --deg-success: #35634a;
    --deg-ui-font: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
    --deg-display-font: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
}

html {
    min-height: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

body {
    min-height: 100%;
    margin: 0;
    color: var(--deg-ink);
    background: var(--deg-paper);
    font-family: var(--deg-ui-font);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

button,
input,
textarea,
select {
    font: inherit;
}

a,
button,
summary,
input,
textarea,
select {
    -webkit-tap-highlight-color: transparent;
}

:focus-visible {
    outline: 3px solid var(--deg-accent);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}