:root {
    --primary: #5D8F93;
    --primary-dark: #4C787B;

    --dark: #243746;
    --text: #536270;
    --muted: #7B8792;

    --light: #F9F7F2;
    --border: #E7E2DA;
    --white: #FFFFFF;

    --accent: #D7C1A2;
    --accent-light: #F4E9DA;

    --radius: 18px;
    --shadow: 0 18px 44px rgba(36, 55, 70, 0.08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Inter, Arial, sans-serif;
    color: var(--text);
    background: var(--white);
    font-size: 16px;
    line-height: 1.6;
}
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, Inter, Arial, sans-serif;
    color: var(--dark);
    line-height: 1.1;
    margin: 0 0 18px;
}
p { margin: 0 0 18px; }
ul, ol { margin-top: 0; }
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}