/* careerguide.si — blue accent warm ink navy, deepened again: #1B3366 (was #213D78) (between option B #23416B and #1E3A8A)
   Loaded AFTER styles.css and side.css; the live files are untouched.
   Beige/cream panels and burnt-orange accents stay dominant; blue is an accent only. */
:root{--blue:#1B3366;--blue-h:#254380;--blue-on:#FFFFFF;--blue-on2:#DCE4EF;--blue-on-or:#F6B48E}

/* 1. Announcement bar: thin blue strip, orange dot kept */
.ann{background:var(--blue);color:var(--blue-on2);border-bottom-color:var(--blue)}
.ann b{color:var(--blue-on)}
.ann-sep{color:var(--blue-on2);opacity:.6}
.ann-dot{background:var(--or);box-shadow:0 0 0 4px rgba(213,84,24,.30)}
.ann-link{color:var(--blue-on);border-bottom-color:var(--or)}
.ann-link:hover{color:var(--blue-on-or)}

/* 2. Hero headline line 1 (line 2 stays orange) */
.hero h1.h-new .l1{color:var(--blue)}

/* 3. Section headings (h2) */
.sec h2,.ab-copy h2{color:var(--blue)}

/* 4. Counselling fact numbers */
.facts b{color:var(--blue)}

/* 5. Line illustrations & small icons: the dark ink strokes become blue (orange strokes and beige blobs unchanged) */
main svg [stroke="#111111"],main svg[stroke="#111111"]{stroke:var(--blue)}

/* 6. Text links */
.wfoot b,.pt-foot a{color:var(--blue)}
.wcoach a{color:var(--blue)}

/* 7. Outline (secondary) buttons */
.btn.outl{border-color:var(--blue);color:var(--blue)}
.btn.outl:hover{background:var(--blue-h);border-color:var(--blue-h);color:var(--blue-on)}

/* 8. CareerGuide AI mock: the student's chat bubbles */
.mk-msg.me{background:var(--blue);color:var(--blue-on)}

/* 9. Footer: one blue band */
.foot{background:var(--blue);border-top:0;color:var(--blue-on)}
.foot .logo span,.foot a{color:var(--blue-on)}
.foot p,.foot-in p{color:var(--blue-on2)}
.foot .mono{color:var(--blue-on-or)}
.fcols a:hover{color:var(--blue-on-or)}
.foot-b{border-top-color:rgba(255,255,255,.18);color:var(--blue-on2)}
.foot :focus-visible{outline-color:#fff}