:root {
    --ink: #0b0c10;
    --paper: #f3ece0;
    --muted: #a39b90;
    --brass: #e2c48a;
    --brass-deep: #c9a45c;
    --danger: #e08a7a;
    --line: rgba(226, 196, 138, 0.18);
    --glass: rgba(16, 18, 26, 0.86);
    --field: rgba(255, 255, 255, 0.04);
    --font-display: "Unbounded", "Manrope", "Segoe UI", system-ui, sans-serif;
    --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;
}

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

html,
body {
    min-height: 100%;
}

body {
    margin: 0;
    color: var(--paper);
    font-family: var(--font-body);
    background: var(--ink);
    min-height: 100dvh;
}

.page-atmosphere {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(900px 560px at 12% 8%, rgba(226, 196, 138, 0.14), transparent 55%),
        radial-gradient(720px 480px at 92% 100%, rgba(126, 168, 184, 0.1), transparent 50%),
        linear-gradient(180deg, #0b0c10 0%, #10131b 100%);
}