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

:root {
    --rng-ink: #1e2b25;
    --rng-muted: #617068;
    --rng-green: #173f32;
    --rng-green-deep: #0e2e24;
    --rng-lime: #c7eb62;
    --rng-surface: #f2f5f1;
    --rng-line: #dce4de;
}

html, body { font-family: Manrope, Arial, sans-serif !important; }
body { background: var(--rng-surface) !important; color: var(--rng-ink) !important; }
a { text-underline-offset: 3px; }

.bg-primary, .bg-blue-600, .bg-\[\#1967D2\] { background-color: var(--rng-green) !important; }
.hover\:bg-primary:hover, .hover\:bg-primary-hover:hover, .hover\:bg-blue-700:hover, .hover\:bg-\[\#1451a4\]:hover { background-color: var(--rng-green-deep) !important; }
.text-primary, .text-blue-600, .text-\[\#1967D2\] { color: var(--rng-green) !important; }
.hover\:text-primary:hover, .hover\:text-blue-600:hover { color: var(--rng-green-deep) !important; }
.bg-surface, .bg-\[\#F5F7FC\], .bg-\[\#f5f7fc\], .bg-blue-50 { background-color: var(--rng-surface) !important; }
.border-primary, .border-blue-600, .focus\:border-primary:focus { border-color: var(--rng-green) !important; }
.focus\:ring-primary:focus, .focus\:ring-blue-500:focus { --tw-ring-color: rgba(23, 63, 50, .22) !important; }

.rounded-xl, .rounded-2xl, .rounded-3xl { border-radius: 8px !important; }
.shadow-blue-100, .shadow-blue-200 { --tw-shadow-color: rgba(23, 63, 50, .14) !important; }
header.fixed, body > nav { border-color: var(--rng-line) !important; box-shadow: 0 1px 0 rgba(23, 63, 50, .04) !important; }

input:not([type="checkbox"]):not([type="radio"]), select, textarea, .field, .superio-input { border-color: var(--rng-line) !important; color: var(--rng-ink) !important; border-radius: 6px !important; }
input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus, .field:focus, .superio-input:focus { border-color: var(--rng-green) !important; box-shadow: 0 0 0 3px rgba(23, 63, 50, .12) !important; }

.page-header-bg { background-color: var(--rng-surface) !important; }
.job-card, .dashboard-card, .card { border-color: var(--rng-line) !important; }
.job-card:hover { border-color: var(--rng-green) !important; box-shadow: 0 16px 34px rgba(23, 63, 50, .10) !important; }

#emp-sidebar { border-color: var(--rng-line) !important; }
#emp-sidebar > div:first-child { background: var(--rng-surface) !important; }
#emp-sidebar .bg-blue-50 { background: #e8f2e4 !important; }
.tab.on { background: var(--rng-green) !important; }
table thead { background: #eaf0ea !important; color: #4d5d54 !important; }
table tr { border-color: var(--rng-line) !important; }

.bg-gradient-to-r.from-\[\#102a56\].to-\[\#1967d2\], .bg-gradient-to-r.from-\[\#102a56\].to-\[\#1967D2\] { background: var(--rng-green) !important; }
footer { border-color: var(--rng-line) !important; }

@media (max-width: 767px) {
    body > nav { min-height: 72px; }
    .text-5xl, .text-6xl, .text-7xl { font-size: 2.45rem !important; line-height: 1.12 !important; }
}