/*
 * Modern Front-Site Reskin
 * Light-touch indigo/SaaS accent overrides applied across all public-site
 * themes (backend/themes/*). Intentionally generic since each theme has its
 * own layout/colors - this only nudges shared Bootstrap components.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --ss-primary: #4F46E5;
    --ss-primary-dark: #4338CA;
    --ss-primary-light: #EEF2FF;
}

body, .btn, .form-control {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.01em;
}

.btn-primary,
.bg-primary,
.label-primary {
    background-color: var(--ss-primary) !important;
    border-color: var(--ss-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--ss-primary-dark) !important;
    border-color: var(--ss-primary-dark) !important;
}

.text-primary,
.btn-link {
    color: var(--ss-primary) !important;
}

.form-control:focus {
    border-color: var(--ss-primary) !important;
    box-shadow: 0 0 0 3px var(--ss-primary-light) !important;
}

a:hover,
a:focus {
    color: var(--ss-primary-dark);
}

::selection {
    background: var(--ss-primary);
    color: #fff;
}