/* custom.css */

/* Custom Colors */
:root {
    --color-primary-dark: #1a4e8c;
    --color-accent-light: #ff9933; 
    --color-tertiary-purple: #6a0dad;
    --color-quaternary-green: #008000;
}

/* --- New Dark & Interactive Course Card Background Colors --- */
/* Base color with transition enabled */
.bg-academic-card { 
    background-color: #5e35b1; 
    transition: background-color 0.3s; 
    color: white; 
} /* Dark Purple (Amethyst) */

.bg-technical-card { 
    background-color: #00838f; 
    transition: background-color 0.3s; 
    color: white; 
} /* Deep Teal/Cyan Blue */

.bg-psychological-card { 
    background-color: #880e4f; 
    transition: background-color 0.3s; 
    color: white; 
} /* Shade of Maroon (Deep Burgundy) */

.bg-corporate-card { 
    background-color: #1b5e20; 
    transition: background-color 0.3s; 
    color: white; 
} /* Dark Green (Forest) - FIX: Ensures background color is set */

/* Interactive Hover Effect: Brighter Background on Hover */
.bg-academic-card:hover { 
    background-color: #7e57c2; 
} /* Light Amethyst */
.bg-technical-card:hover { 
    background-color: #0097a7; 
} /* Brighter Teal */
.bg-psychological-card:hover { 
    background-color: #ad1457; 
} /* Cherry Red/Maroon */
.bg-corporate-card:hover { 
    background-color: #388e3c; 
} /* Vibrant Green */

/* Ensure Text is Readable on Dark Backgrounds */
/* Titles (text-gray-800) on all dark cards are white */
.bg-academic-card .text-gray-800, 
.bg-technical-card .text-gray-800,
.bg-psychological-card .text-gray-800,
.bg-corporate-card .text-gray-800 {
    color: white !important;
}

/* Body Text (text-gray-600) is slightly lighter white for better readability on dark background */
.bg-academic-card .text-gray-600, 
.bg-technical-card .text-gray-600,
.bg-psychological-card .text-gray-600,
.bg-corporate-card .text-gray-600 {
    color: #f1f1f1 !important; 
}

/* The category pills should have contrasting text on a translucent white background */
.category-pill {
    color: #fff; /* Default to white text for dark backgrounds */
    background-color: rgba(255, 255, 255, 0.2);
}
.bg-technical-card .category-pill {
    color: white; 
    background-color: rgba(255, 255, 255, 0.3);
}


/* Professional Card Styles: Lift and Shadow Hover */
.course-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s; 
    border-left: 6px solid; 
}
.course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
}

/* Hero Animation (Abstract Grid) - Unchanged */
.hero-animated-bg {
    background-color: #1a4e8c; 
}

.animated-grid-overlay {
    background: 
        linear-gradient(90deg, #3876c1 1px, transparent 1px),
        linear-gradient(#3876c1 1px, transparent 1px);
    background-size: 60px 60px; 
    animation: pulse-grid 20s infinite alternate;
    opacity: 0.3;
}

@keyframes pulse-grid {
    0% {
        background-position: 0 0;
        opacity: 0.3;
        background-color: #1a4e8c;
    }
    50% {
        background-position: 50% 50%;
        opacity: 0.5;
        background-color: #ff9933; 
    }
    100% {
        background-position: 0 0;
        opacity: 0.3;
        background-color: #1a4e8c;
    }
}