:root {
    --cream: #f4efe6;
    --warm-white: #faf8f4;
    --tan: #e2d9cb;
    --khaki: #c4b6a1;
    --bronze: #8c7a62;
    --walnut: #5c4f3c;
    --espresso: #3a3128;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Inter', -apple-system, sans-serif;
    font-weight: 300;
    background: var(--cream);
    color: var(--walnut);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
    font-family: 'DM Serif Display', Georgia, serif;
    font-weight: 400;
    color: var(--espresso);
}

.progress-bar { transition: width 0.6s ease; }

::selection {
    background: var(--khaki);
    color: var(--espresso);
}