/* Colors */
:root {
    --primary-red: #FF0000;
    --dark-red: #BC2525;
    --dark-blue: #0C005A; /* Kept for potential other uses, but primary elements will use red */
    --light-gray: #EAEAEA;
    --grayish: #EEEEEE;
    /* --text-dark: #333333; Removed */
}

/* Global Typography */
body {
    /* font-family: 'Open Sans', sans-serif; Removed to use Bootstrap default */
    line-height: 1.6; /* Improved line spacing */
    /* color: var(--text-dark); Removed, color set on specific elements or inherited */
}

/* Headlines */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    color: var(--primary-red); /* Changed back to red */
    margin-bottom: 0.75rem; /* Added spacing below headings */
}

/* Removed explicit font-weight rules for .display-* as Bootstrap handles these.
.display-1 { font-weight: 700; }
.display-2 { font-weight: 600; }
.display-3 { font-weight: 500; }
.display-4 { font-weight: 500; }
.display-5 { font-weight: 400; }
.display-6 { font-weight: 400; }
*/

/* Paragraph text */
p {
    color: var(--primary-red); /* Changed back to red */
    margin-bottom: 1rem; /* Added default spacing */
}

/* Accordion styling */
.accordion-button {
    background-color: var(--light-gray) !important;
    color: var(--primary-red) !important; /* Changed back to red */
    /* Combined focus styles */
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none;
}

.accordion-button:not(.collapsed) {
    background-color: var(--grayish) !important;
    color: var(--primary-red) !important; /* Changed back to red */
    &::after {
        border-color: transparent;
    }
}

.accordion-body {
    background-color: var(--light-gray);
    color: var(--dark-red); /* Changed to dark-red for readability */
    padding-bottom: 2rem; /* Kept reduced padding */
}

/* Project card */
.project-card {
    margin-bottom: 0rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: var(--light-gray);
    padding-bottom: 0rem; /* Added bottom padding */
}

.carousel-image {
    height: 400px;
    object-fit: cover;
}

.card-title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem; /* Adjusted spacing */
    color: var(--dark-red); /* Changed to dark-red */
}

.project-details {
    margin: 1rem 0;
}

.card-body {
    background-color: var(--light-gray);
    color: var(--dark-red); /* Changed to dark-red for readability */
}

/* Buttons */
.btn-custom {
    background-color: var(--grayish);
    color: var(--primary-red); /* Changed back to red */
    border: 1px solid var(--primary-red); /* Border to red */
    padding: 0.5rem 1rem; /* Added some padding */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; /* Smooth transition */
}

.btn-custom:hover {
    background-color: var(--primary-red); /* Red background on hover */
    color: var(--light-gray); /* Light gray text on hover */
    border-color: var(--primary-red); /* Border to red */
}

/* Carousel controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: transparent;
   /* filter: invert(13%) sepia(94%) saturate(6000%) hue-rotate(0deg) brightness(97%) contrast(117%); */
    width: 40px;
    height: 40px;
}

.carousel-control-prev,
.carousel-control-next {
    background: none !important;
}