/* --- CSS VARIABLES (The Bold & Organic Palette) --- */
:root {
    --bg-color: #f9f8f4; /* Textured Off-White */
    --text-main: #2b2b2b; /* Charcoal */
    --primary-dark: #1e3f2b; /* Deep Forest Green */
    --accent-warm: #c15c3d; /* Earthy Terracotta */
    --white: #ffffff;
}

/* --- GLOBAL STYLES --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-main);
    line-height: 1.6;
}
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
a { text-decoration: none; color: inherit; }

/* --- BUTTONS --- */
.btn {
    display: inline-block;
    padding: 14px 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
    text-align: center;
}
.btn-primary { background-color: var(--accent-warm); color: var(--white); border: none; }
.btn-primary:hover { background-color: #a34a2e; }
.btn-secondary { background-color: var(--primary-dark); color: var(--white); border: none; }
.btn-secondary:hover { background-color: #142a1d; }