/* ==========================================================================
   BASE.CSS — Critical, render-blocking styles.
   Variables, resets, typography, links, buttons, form focus states.
   Kept intentionally tiny — every page needs this, nothing here is optional.
   ========================================================================== */

:root {
    --primary: #2563eb;
    --primary-dark: #1e40af;
    --secondary: #38bdf8;
    --bg-light: #f8fafc;
    --text-dark: #0f172a;
}

* {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
    background-color: #ffffff;
}

a {
    text-decoration: none;
}

.h3, h3 {
    font-size: 22px;
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-outline-primary {
    border-color: var(--primary);
    color: var(--primary);
}

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

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.15);
}

.badge.bg-light {
    background-color: rgba(37, 99, 235, 0.1) !important;
}