:root {
    --rose: #f6d9cf;
    --rose-light: #fbe8e0;
    --rose-dark: #b9735f;
    --brown: #9e6d5b;
    --paper: #fffaf7;
    --text: #4a332c;
    --muted: #7a625a;
    --line: #ecd9d0;
    --nav-text: #6b4a3e;

    --serif: 'Libre Baskerville', Georgia, serif;
    --sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

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

html {
    font-size: clamp(15px, calc(14px + .35vw), 18px);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--text);
    font-family: var(--sans);
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--serif);
    font-weight: 600;
    line-height: 1.25;
}

/* Form controls inherit the site font (buttons ma default Arial na aave) */
button, input, select, textarea {
    font-family: inherit;
}