:root {
    --page-bg: #f3f1ec;
    --paper: #ffffff;
    --paper-soft: #f7f7f7;
    --paper-muted: #f0ece6;
    --text: #353535;
    --muted: #6e6e6e;
    --brand-red: #980000;
    --brand-red-dark: #7f0000;
    --brand-green: #08a320;
    --brand-gold: #c79a18;
    --line: #e7e1d9;
    --shadow: 0 18px 50px rgba(77, 46, 10, 0.08);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at top left, rgba(199, 154, 24, 0.08), transparent 22%),
        linear-gradient(180deg, #f7f3ee, #f2eee7 30%, #efe9e0);
    color: var(--text);
    padding-bottom: 76px;
}

body.is-locked {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

button,
input,
textarea {
    font: inherit;
}

button {
    border: 0;
}

textarea {
    resize: vertical;
}

[hidden] {
    display: none !important;
}