:root {
    --primary: #B8860B;
    --secondary: #2E8B57;
    --dark: #d1d5db;
    --darker: #c2c2c2;
    --card: #f3f4f6;
    --text: #111827;
    --text-light: #374151;
    --success: #059669;

    /* Dynamic Backgrounds */
    --nav-bg: rgba(229, 231, 235, 0.95);
    --nav-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    --card-bg: linear-gradient(135deg, #f9fafb, #f3f4f6);
    --hero-overlay-1: rgba(184, 134, 11, 0.1);
    --hero-overlay-2: rgba(46, 139, 87, 0.1);
}