/* ---------- CSS Variables & Setup ---------- */
:root {
    --army-green: #4B5320;
    --emerald-green: #097F61;
    --light-cream: #F8F0C7;

    /* Extended Palette */
    --army-green-dark: #3a4118;
    --emerald-green-light: #0ca37d;
    --white: #ffffff;
    --text-main: #333333;
    --text-muted: #666666;
    --bg-light: #fefdf6;
    /* slightly tinted white based on cream */
    --bg-gray: #f5f5f5;

    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* UI metrics */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 16px;
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;
}