/** Dynamic Theme CSS **/
:root {
    --color-primary: #2563EB;
    --color-primary-hover: color-mix(in srgb, #2563EB 85%, #000000);
    --color-primary-light: color-mix(in srgb, #2563EB 8%, #ffffff);
    --color-secondary: #4B5563;
    --sf-btn-radius: 0.375rem;
    --sf-hero-bg-image: none;
}

.btn {
    border-radius: var(--sf-btn-radius) !important;
}

.sf-hero {
    background-color: #f3f4f6 !important;
    color: #1f2937 !important;
}
.sf-hero .sf-hero-title {
    color: #111827 !important;
}
.sf-hero .sf-hero-desc {
    color: #4b5563 !important;
}
.sf-hero .sf-hero-eyebrow {
    color: var(--color-primary) !important;
}