/**
 * Gallery Background Colors
 * These utility classes replace inline style background colors with CSS classes
 * for better CSP compliance.
 */

/* Default color if none is specified */
#gallery1-4 {
    background-color: #f5f5f5;
}

/* Common project colors - Gallery backgrounds */
.bg-FF4B55 {
    background-color: #FF4B55 !important;
}

.bg-4285F4 {
    background-color: #4285F4 !important;
}

.bg-0F9D58 {
    background-color: #0F9D58 !important;
}

.bg-F4B400 {
    background-color: #F4B400 !important;
}

.bg-DB4437 {
    background-color: #DB4437 !important;
}

.bg-744196 {
    background-color: #744196 !important;
}

.bg-4527A0 {
    background-color: #4527A0 !important;
}

.bg-00BCD4 {
    background-color: #00BCD4 !important;
}

.bg-9C27B0 {
    background-color: #9C27B0 !important;
}

.bg-3F51B5 {
    background-color: #3F51B5 !important;
}

.bg-2196F3 {
    background-color: #2196F3 !important;
}

.bg-009688 {
    background-color: #009688 !important;
}

.bg-673AB7 {
    background-color: #673AB7 !important;
}

.bg-4CAF50 {
    background-color: #4CAF50 !important;
}

.bg-795548 {
    background-color: #795548 !important;
}

/* Added color classes to match the newer project cards */
.bg-4B9EFF {
    background-color: #4B9EFF !important;
}

.bg-FFB84B {
    background-color: #FFB84B !important;
}

.bg-4BFF91 {
    background-color: #4BFF91 !important;
}

/* Project card background colors */
.project-card-bg {
    background-color: #f5f5f5; /* Default fallback */
    position: relative;
    color: white;
    border-radius: 8px;
    padding: 25px;
    height: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Generate card backgrounds for each color */
.card-bg-FF4B55 {
    background-color: #FF4B55 !important;
}

.card-bg-4B9EFF {
    background-color: #4B9EFF !important;
}

.card-bg-4BFF91 {
    background-color: #4BFF91 !important;
}

.card-bg-FFB84B {
    background-color: #FFB84B !important;
}

.card-bg-DB4437 {
    background-color: #DB4437 !important;
}

.card-bg-744196 {
    background-color: #744196 !important;
}

.card-bg-4527A0 {
    background-color: #4527A0 !important;
}

.card-bg-00BCD4 {
    background-color: #00BCD4 !important;
}

.card-bg-9C27B0 {
    background-color: #9C27B0 !important;
}

.card-bg-3F51B5 {
    background-color: #3F51B5 !important;
}

.card-bg-2196F3 {
    background-color: #2196F3 !important;
}

.card-bg-009688 {
    background-color: #009688 !important;
}

.card-bg-673AB7 {
    background-color: #673AB7 !important;
}

.card-bg-4CAF50 {
    background-color: #4CAF50 !important;
}

.card-bg-795548 {
    background-color: #795548 !important;
}

/* Add more color classes as needed based on projects.json */