/* Custom styles that complement Tailwind */
:root {
    --primary-color: #2563eb; /* Matches Tailwind's blue-600 */
    --secondary-color: #eff6ff; /* Matches Tailwind's blue-50 */
}

/* Header transition styles */
#header {
    transition: padding 0.3s ease;
}

#headerLogo {
    transition: width 0.3s ease, height 0.3s ease;
}

#headerTitle {
    transition: font-size 0.3s ease, top 0.3s ease;
}

#headerDesc {
    transition: opacity 0.3s ease;
}

/* Only keeping styles for elements that might need custom styling beyond Tailwind */
#visualization {
    border: 1px solid var(--primary-color);
    background-color: white;
}