@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
    --brand: #1268b0;
    --blue: #1268b0;
    --yellow: #f7b718;
    --green: #0b3557;
    --bright: #f7b718;
    --ink: #102a43;
    --muted: #66788a;
    --line: #dce8f2;
    --soft: #f2f8fd;
    --footer: #08283f;
    --jobi-forest: #0b3557;
    --jobi-green: #1268b0;
    --jobi-lime: #f7b718;
    --jobi-mint: #f2f8fd;
    --jobi-border: #dce8f2;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body { font-family: 'Plus Jakarta Sans', sans-serif !important; color: rgba(0, 0, 0, .72); }
h1, h2, h3, h4, h5, h6, .font-script { font-family: 'EB Garamond', serif !important; color: var(--jobi-forest); letter-spacing: -.02em; }

.glass-nav {
    background: rgba(255,255,255,.96) !important;
    border-color: var(--jobi-border) !important;
    box-shadow: 0 10px 35px rgba(11,53,87,.08) !important;
    backdrop-filter: blur(16px) !important;
}

.bg-indigo-600, .bg-blue-600, .btn-brand { background-color: var(--jobi-green) !important; }
.hover\:bg-indigo-700:hover, .hover\:bg-blue-700:hover { background-color: var(--jobi-forest) !important; }
.text-indigo-600, .text-blue-600, .text-indigo-500, .text-blue-500 { color: var(--jobi-green) !important; }
.bg-indigo-50, .bg-blue-50 { background-color: var(--jobi-mint) !important; }
.border-indigo-100, .border-indigo-200, .border-blue-100, .border-blue-200 { border-color: rgba(18,104,176,.22) !important; }

input:not([type='checkbox']):not([type='radio']):not([type='file']), select, textarea {
    border-radius: 8px !important;
    border-color: var(--jobi-border) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--jobi-green) !important;
    --tw-ring-color: rgba(18,104,176,.16) !important;
}
input[type='checkbox'], input[type='radio'] { accent-color: var(--jobi-green) !important; }

.rounded-2xl { border-radius: 10px !important; }
.rounded-\[2rem\], .rounded-\[2\.5rem\], .rounded-\[3rem\] { border-radius: 16px !important; }

::selection { color: var(--jobi-forest); background: var(--jobi-lime); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: var(--jobi-lime); }