/* ==================== BASE & RESET ==================== */
:root {
    --forest-50: #f2f7f0;
    --forest-100: #e3edd8;
    --forest-200: #c6d9b3;
    --forest-300: #9dbe82;
    --forest-400: #74a356;
    --forest-500: #528238;
    --forest-600: #3d662a;
    --forest-700: #315222;
    --forest-800: #29431d;
    --forest-900: #223718;
    --forest-950: #111c0a;
}

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

body {
    background-color: #f5f5f0;
    color: #1a1a1a;
    font-family: 'Inter', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==================== UTILITY ==================== */
.bg-offwhite {
    background-color: #f5f5f0;
}

/* ==================== RESPONSIVE ADJUSTMENTS ==================== */
@media (max-width: 767px) {
    .font-serif {
        font-size: clamp(1.75rem, 8vw, 2.5rem);
    }
}

/* ==================== PRINT ==================== */
@media print {
    header, #mobile-menu, .reveal {
        display: none !important;
    }
    body {
        color: #000;
        background: #fff;
    }
}