/* Deep Emerald Green: #004d33 */
/* Polished Gold: #D4AF37 */

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        /* Gradient body with rich, glossy effect for main content */
        background: linear-gradient(135deg, #001a11 0%, #003322 25%, #004d33 50%, #003322 75%, #001a11 100%);
        background-attachment: fixed;
        scroll-behavior: smooth;
    }
}

@layer utilities {
    .bg-griffin-green {
        background-color: #004d33;
    }
    
    .text-griffin-gold {
        color: #D4AF37;
    }
    
    .bg-griffin-gold {
        background-color: #D4AF37;
    }
    
    .border-griffin-gold {
        border-color: #D4AF37;
    }

    .gold-glow {
        color: #D4AF37;
        -webkit-text-stroke: 1px #D4AF37;
        text-shadow: 0 0 5px rgba(212, 175, 55, 0.4);
    }

    .header-bg-light {
        /* Lighter green for header as requested */
        background-color: #006b47;
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #002619;
}
::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #b8962e;
}