:root {
    /* Modify these values to instantly switch to a premium corporate blue theme */
    --primary-color: #0D6EFD;     /* Royal/Bootstrap Blue */
    --primary-hover: #0B5ED7;     /* Darker Blue for hover states */
    --dark-bg: #1E293B;
    --light-bg: #F8FAFC;
    --accent-light: #E7F1FF;     /* Super light blue tint for subtle backgrounds */
}

/* Global Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Dynamic Template Overrides for Bootstrap Buttons */
.btn-primary-custom {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important; /* Changed to white for better contrast on blue */
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

.btn-primary-custom:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}

.btn-outline-custom {
    border-color: var(--primary-color) !important;
    color: #111827 !important;
    font-weight: 600;
}

.btn-outline-custom:hover {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Custom Text and Background utilities */
.text-primary-custom {
    color: var(--primary-color) !important;
}

.bg-accent-custom {
    background-color: var(--accent-light) !important;
}

.feature-icon {
    background-color: var(--accent-light);
    color: var(--primary-hover);
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}


.dashboard-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dashboard-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
}