:root {
    --primary: #0B3C5D;
    --secondary: #1FA2FF;
    --light: #F4F7FE;
    --dark: #14183E;
}

body {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #475569;
    -webkit-font-smoothing: antialiased;
}

.cursor-pointer {
    cursor: pointer;
}

/* --- Headings (H1 - H6) --- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700;
    line-height: 1.3;
    color: var(--primary);
}

.bg-primary {
    background: var(--primary) !important;
}

.bg-secondary {
    background: var(--secondary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.form-check-input:checked {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.btn-outline-primary {
    color: var(--primary) !important;
    background-color: transparent;
    border-color: var(--primary) !important;
}

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

.btn-outline-primary:hover h2 {
    color: #fff !important;
}