:root {
    --color-paper: #f8f5ef;
    --color-paper-dark: #eee7dc;
    --color-surface: #ffffff;
    --color-brown: #6f4e37;
    --color-brown-dark: #4f3727;
    --color-green: #2f6b4f;
    --color-green-dark: #24523d;
    --color-gold: #c8a96a;
    --color-text: #2d2925;
    --color-muted: #746d65;
    --color-border: #ded5c8;
    --shadow-soft: 0 10px 30px rgba(72, 54, 38, 0.08);
    --radius-small: 10px;
    --radius-medium: 18px;
    --radius-large: 28px;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(
            circle at top left,
            rgba(200, 169, 106, 0.14),
            transparent 35%
        ),
        var(--color-paper);
    color: var(--color-text);
    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height: 1.6;
}

a {
    color: var(--color-green);
    text-decoration: none;
}

a:hover {
    color: var(--color-green-dark);
}

img {
    max-width: 100%;
}

::selection {
    background: rgba(200, 169, 106, 0.35);
}