.icon-feature {
    font-size: 1.5em;
    vertical-align: middle;
    margin-bottom: 2px;
}

.bg-archimedes-dark {
    background-color: #10131a;
}

.bg-archimedes-mid {
    background-color: #181b22;
}

.bg-archimedes-light {
    background-color: #e9ecef;
}

.text-accent {
    color: #18e1b4 !important; /* Green/teal matching the app */
}

.text-highlight {
    color: #b368f2 !important; /* Purple highlight for icons or active states */
}

.btn-accent {
    background-color: #18e1b4;
    color: #000;
    border: none;
}

    .btn-accent:hover,
    .btn-outline-accent:hover {
        background-color: #10cda3;
        color: #000;
    }

.btn-outline-accent {
    border: 1px solid #18e1b4;
    color: #18e1b4;
}

.py-7 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.py-9 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}


.section-divider {
    height: 1px;
    max-width: 60%;
    margin: 0px;
    background: linear-gradient( to right, rgba(128, 255, 212, 0) 0%, rgba(128, 255, 212, 0.3) 50%, rgba(128, 255, 212, 0) 100% );
    border: none;
    opacity: 0.5;
    filter: blur(0.5px);
}