:root {
    color-scheme: dark;
    --graphite: #1d1b18;
    --espresso: #28231e;
    --copper: #e8ab7b;
    --cream: #f7eee5;
    --taupe: #c0b2a3;
    --surface: #24211ddd;
    --sky: var(--graphite);
    --sky-light: var(--espresso);
    --terra: var(--copper);
    --terra-dark: #f8cba8;
    --paper: var(--surface);
    --ink: var(--cream);
    --muted: var(--taupe);
    --line: #5a4e41;
    --white: #211e1a;
    --radius: 12px;
    --space: clamp(22px, 4.5vw, 76px);
    --serif: Georgia, 'Times New Roman', serif;
    --sans: Arial, Helvetica, sans-serif;
    --shadow: 0 12px 40px #0003;
}