:root {
    --cream: #FAF7F2;
    --warm-white: #F5F0E8;
    --sand: #E8DDD0;
    --terracotta: #C17F5A;
    --terracotta-dark: #A5673F;
    --brown: #5C3D2E;
    --text-dark: #2C1F14;
    --text-mid: #6B4F3A;
    --text-light: #9C7B65;
    --leaf: #7A9E7E;
    --font-display: 'Cormorant Garamond', serif;
    --font-body: 'DM Sans', sans-serif;
}

/* ── RESET & BASE ── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--cream);
    color: var(--text-dark);
    font-family: var(--font-body), serif;
    font-weight: 300;
    overflow-x: hidden;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--cream);
}

::-webkit-scrollbar-thumb {
    background: var(--sand);
    border-radius: 3px;
}