/* Business Theme Colors & Details for Bento Grid */

.bg-blue-light {
    background-color: #d1ebf4;
}

[data-theme="dark"] .bg-blue-light {
    background-color: #1a3a4a;
}

.bg-blue-light h3, .bg-blue-light .bento-icon, .bg-blue-light .illustration-icon {
    color: #1a465c;
}

[data-theme="dark"] .bg-blue-light h3, [data-theme="dark"] .bg-blue-light .bento-icon, [data-theme="dark"] .bg-blue-light .illustration-icon {
    color: #8abfd9;
}

.bg-white-blue {
    background-color: var(--card-bg);
}

.bg-white-blue h3, .bg-white-blue .bento-icon {
    color: #1d5a78;
}

[data-theme="dark"] .bg-white-blue h3, [data-theme="dark"] .bg-white-blue .bento-icon {
    color: #8abfd9;
}

.bento-side {
    grid-column: span 1;
    align-items: center;
    text-align: center;
}

.side-illustration {
    margin: 2.5rem auto 1.5rem;
    width: 45%;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(29, 90, 120, 0.1);
}

[data-theme="dark"] .side-illustration {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.side-illustration .illustration-icon {
    font-size: 3.5rem;
}