:root {
    --color-cream: #f4ead5;
    --color-paper: #ebe0c8;
    --color-ink: #2a2118;
    --color-ink-soft: #4a3f32;
    --color-wood: #6b4423;
    --color-wood-dark: #4a2f18;
    --color-green: #2d5a27;
    --color-green-light: #4a7c42;
    --color-red: #8b1e1e;
    --color-red-bright: #c62828;
    --color-gold: #c9a227;
    --color-chalk: #e8f0e6;
    --color-shadow: rgba(42, 33, 24, 0.35);

    --font-display: 'IM Fell English SC', 'Times New Roman', serif;
    --font-body: 'Source Serif 4', Georgia, serif;
    --font-hand: 'Caveat', cursive;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;

    --radius-sm: 4px;
    --radius-md: 12px;
    --radius-lg: 20px;

    --shadow-3d:
        0 1px 0 rgba(255, 255, 255, 0.15) inset,
        0 8px 16px var(--color-shadow),
        0 20px 40px rgba(42, 33, 24, 0.2);
    --shadow-card:
        0 4px 0 var(--color-wood-dark),
        0 12px 24px var(--color-shadow);

    --transition: 0.35s cubic-bezier(0.34, 1.2, 0.64, 1);
    --header-h: 5.5rem;
}