body {
    background-color: #343131;
    /* Your chosen warmer dark gray */
    color: #F8F9FA;
    font-family: 'Roboto', sans-serif;
}

.text-accent {
    color: #DC3545 !important;
}

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

.navbar-custom {
    background-color: #262424;
    /* Darker warm gray for the header */
    border-bottom: 2px solid #DC3545;
}

.saas-card {
    background-color: #423E3E;
    /* Lighter warm gray to elevate the cards */
    border: 1px solid #4F4A4A;
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.saas-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    border-color: #DC3545;
}

.btn-custom {
    background-color: #DC3545;
    color: #fff;
    border: none;
    font-weight: 500;
}

.btn-custom:hover {
    background-color: #b02a37;
    color: #fff;
}

.list-style li {
    margin-bottom: 8px;
    color: #DEE2E6;
}

.text-muted-custom {
    color: #ADB5BD;
    font-size: 0.9rem;
}

footer {
    background-color: #262424 !important;
    /* Darker warm gray for the footer */
    border-top: 1px solid #4F4A4A !important;
}

.footer-links a {
    color: #DEE2E6;
    text-decoration: none;
    margin: 0 10px;
}

.footer-links a:hover {
    color: #DC3545;
}