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

:root {
    --future-blue: #00A6FF;
    --black: #000000;
    --gray-bg: #EDEDED;
}

body, html {
    font-family: 'Inter', sans-serif !important;
    background-color: #f5f5f5 !important;
}

/* Typography */
.fw-bold { font-weight: 700 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-regular { font-weight: 400 !important; }
.fw-extralight { font-weight: 200 !important; }

/* Colors */
.text-future-blue { color: var(--future-blue) !important; }
.bg-future-blue { background-color: var(--future-blue) !important; }
.bg-gray-custom { background-color: var(--gray-bg) !important; }

/* Form Elements */
label.form-label, label.fs-5 {
    font-weight: 500 !important; /* Medium */
    color: var(--black) !important;
}

.form-control, .form-select {
    font-weight: 200 !important; /* Extra Light */
    background-color: #ffffff !important;
}

.form-control::placeholder {
    font-weight: 200 !important;
    color: #a1a1a1 !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--future-blue) !important;
    border-color: var(--future-blue) !important;
    font-weight: 700 !important; /* Bold */
}

.btn-primary:hover {
    background-color: #008be6 !important;
    border-color: #008be6 !important;
}

/* Layout Adjustments */
.card-future {
    background-color: var(--gray-bg) !important;
    border-radius: 12px !important;
    padding: 40px !important;
}

/* Footer Styling */
footer {
    background-color: var(--future-blue) !important;
    color: #ffffff !important;
}

footer a {
    color: #ffffff !important;
}

footer .footer-item {
    font-weight: 400; /* Regular */
}

footer .footer-item-bold {
    font-weight: 700; /* Bold */
}

.transition-all {
    transition: all 0.4s ease-in-out !important;
}