:root {
    --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --heading-font: "Nunito", sans-serif;
    --nav-font: "Inter", sans-serif;
}

/* Global Colors - Dark Theme */
:root {
    --background-color: #272626; /* Dark background color */
    --default-color: #e0e0e0; /* Light text color for dark background */
    --heading-color: #ffffff; /* White color for headings */
    --accent-color: #dc3545; /* Accent color for buttons and links */
    --surface-color: #1e1e1e; /* Dark surface color for cards and boxes */
    --contrast-color: #ffffff; /* Contrast color for text on dark backgrounds */
}

/* Nav Menu Colors - Dark Theme */
:root {
    --nav-color: #e0e0e0; /* Light color for nav links */
    --nav-hover-color: #dc3545; /* Accent color for hovered nav links */
    --nav-mobile-background-color: #1e1e1e; /* Dark background for mobile nav */
    --nav-dropdown-background-color: #1e1e1e; /* Dark background for dropdowns */
    --nav-dropdown-color: #e0e0e0; /* Light text color for dropdown links */
    --nav-dropdown-hover-color: #dc3545; /* Accent color for hovered dropdown links */
}



/* Color Presets - Dark Theme */
.light-background {
    --background-color: #1e1e1e;
    --surface-color: #2d2d2d;
}

.dark-background {
    --background-color: #121212;
    --default-color: #e0e0e0;
    --heading-color: #ffffff;
    --surface-color: #1e1e1e;
    --contrast-color: #ffffff;
}

/* Smooth scroll */
:root {
    scroll-behavior: smooth;
}

body {
    font-size: 90% !important;
}

.bg-hero, .hero-background {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--accent-color), transparent 95%) 50%,
        color-mix(in srgb, var(--accent-color), transparent 98%) 25%,
        transparent 50%
    ) !important;
}

.call-to-action .container, .contact .info-box {
    background: #7c1d26;
}

/*--------------------------------------------------------------
# Features 2 Section
--------------------------------------------------------------*/

.features-2 .feature-item .feature-icon, .feature-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb, var(--surface-color), transparent 52%);
    border-radius: 50%;
    font-size: 22px;
}

.footer {
    --background-color: rgb(15, 14, 14);
     background-color: var(--background-color) !important;
}

.features-2 .feature-item .feature-icon i, .feature-icon i {
    color: #eecbcf;
}

.features-cards .feature-box.orange {
    background-color: #fff3e247;
}

.features-cards .feature-box.blue {
    background-color: #deedfd26;
}

.features-cards .feature-box.blue {
    background-color: #deedfd26;
}

.features-cards .feature-box.green {
    background-color: #d5f1e43d;
}

.features-cards .feature-box.red {
    background-color: #fdeded59;
}

.features-cards .feature-box {

    color: #c3bebed7;
}

.features-cards .feature-box h4
{
    color: #eee;
}

.welcome-text {
  font-size: 22px;
}