@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@300;400;500;700&display=swap');

/* COLOR SYSTEM (ONLY #034078 FAMILY) */
:root {
    --primary: #034078;
    --primary-dark: #022f59;
    --primary-light: #0a4f94;
    --primary-very-light: #e6eef7;
}

/* FONT */
body, .form-control, .btn, .card, .card-header, .card-body, .card-footer,
h1, h2, h3, h4, h5, h6, p, label, input, button {
    font-family: 'Red Hat Text', sans-serif;
}

/* BUTTONS */
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

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

/* OUTLINE / SECONDARY BUTTON */
.btn-secondary {
    background-color: #ffffff !important;
    border: 1px solid var(--primary) !important;
    color: var(--primary) !important;
}

.btn-secondary:hover {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

/* SWITCH BUTTON */
.bootstrap-switch-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
}

/* INPUT FIELDS */
.form-control {
    border: 1px solid #ccc;
}

.form-control:focus,
.form-control:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.1rem rgba(3, 64, 120, 0.25);
}

/* CHECKBOX */
[type="checkbox"] + label::before {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* DROPDOWN */
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

/* CALENDAR */
.cal_Theme1 .ajax__calendar_active,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year {
    background-color: var(--primary) !important;
    background-image: linear-gradient(to bottom, var(--primary-light), var(--primary)) !important;
    color: #ffffff !important;
}

/* HEADER */
.homeheader {
    background-color: var(--primary) !important;
}

.homeheaderforecolor {
    color: #ffffff !important;
}

/* NAVIGATION */
.nav-link {
    color: #333;
}

.nav-link.active {
    color: var(--primary) !important;
    font-weight: 500;
}

/* SIDEBAR ACTIVE LINK */
.nav-item .active .nav-link {
    background-color: var(--primary-very-light) !important;
    color: var(--primary) !important;
}

/* VACANCY / JOB CARD HEADER */
.vacancy .card-header {
    background-color: var(--primary) !important;
    color: #ffffff !important;
}

.vacancy .card-header h4 {
    color: #ffffff !important;
}

/* LINKS */
a {
    color: var(--primary);
}

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

/* BADGES */
.badge-primary {
    background-color: var(--primary) !important;
}

/* GENERAL CARD STYLE */
.card {
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

/* SUBTLE BACKGROUND (OPTIONAL CLEAN LOOK) */
body {
    background-color: #f8fafc;
}