/**
 * AI Innovation Hub – Custom styles
 * Complements Bootstrap; load after Bootstrap CSS.
 */

:root {
    /* CUNY Blue */
    --ai-hub-primary: #0033A1; 
    
    /* Taxi Yellow */
    --ai-hub-accent: #FFB71B; 
    
    /* Using the Blue for the Dark shade */
    --ai-hub-dark: #001E60; /* A darker shade of CUNY Blue for depth */
    
    /* A very light tint of the Blue for the background */
    --ai-hub-light-bg: #F0F4FA; 
}
body
{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ai-hub-dark);
    background-color: #fff;
}

.ai-hub-hero
{
    background: #0033A1;
    color: #fff;
    padding: 4rem 0;
}

.ai-hub-hero h1
{
    font-weight: 700;
    margin-bottom: 1rem;
}

.ai-hub-section
{
    padding: 3rem 0;
}

.ai-hub-section:nth-of-type(even)
{
    background-color: var(--ai-hub-light-bg);
}

.ai-hub-card
{
    border: none;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ai-hub-card:hover
{
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.12);
}

.ai-hub-footer
{
    background-color: var(--ai-hub-primary);
    color: rgba(255, 255, 255, 0.85);
    padding: 2rem 0;
}

.ai-hub-footer a
{
    color: rgba(255, 255, 255, 0.9);
}

.ai-hub-footer a:hover
{
    color: #fff;
}

.list-icon
{
    color: var(--ai-hub-primary);
    margin-right: 0.5rem;
}