:root {
    --forest: #1a2e1c;
    --moss: #2d4a2e;
    --mist: #f5f0e8;
    --gold: #c9a84c;
    --gold-light: #e8d5a3;
    --cream: #faf7f2;
    --bark: #7a6250;
    --border: rgba(26,46,28,0.12);
    --white: #ffffff;
}

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

html { scroll-behavior: smooth; }

body {
    font-family: 'DM Sans', sans-serif;
    background: var(--cream);
    color: var(--forest);
    min-height: 100vh;
}

h1, h2, h3, h4 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
}


 footer { background: #0d1a0e; color: rgba(255,255,255,0.7); padding: 60px; }
        .footer-bottom { text-align: center; font-size: 13px; color: rgba(255,255,255,0.3); padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.08); max-width: 1200px; margin: 0 auto; }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; max-width: 1200px; margin: 0 auto 60px; }
        .footer-logo { font-family: 'Cormorant Garamond', serif; font-size: 2rem; color: white; letter-spacing: 3px; margin-bottom: 20px; display: block; }
        .footer-logo span { color: var(--gold); }
        .footer-about { font-size: 14px; line-height: 1.8; margin-bottom: 28px; }
        .footer-social { display: flex; gap: 12px; }
        .footer-social a { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.6); font-size: 14px; transition: all 0.3s; text-decoration: none; }
        .footer-social a:hover { border-color: var(--gold); color: var(--gold); }
        .footer-col h5 { color: white; font-family: 'DM Sans', sans-serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 24px; font-weight: 500; }
        .footer-col ul { list-style: none; }
        .footer-col ul li { margin-bottom: 12px; }
        .footer-col ul li a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; transition: color 0.2s; }
        .footer-col ul li a:hover { color: var(--gold); }