/* Careerland: warm neutral surfaces and restrained sage accents. */
:root{--navy:#293d37;--ink:#293d37;--coral:#dfece5;--cream:#fafbf8;--paper:#fafbf8;--muted:#596b63;--line:#dce5df;--pale:#eef3ee;--accent:#35665a;--accent-hover:#294f46}
body{background:var(--paper);color:var(--ink)}
header{background:#fffffff5;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 2px 12px #294f4604}
header a,header .brand{color:var(--ink)}header small,.brand small{color:#60766b}nav a:hover,header a:hover{color:var(--accent)}nav [aria-current]{color:var(--accent)}
.mark{border-color:#749e8b;border-right-color:transparent}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
button,.button,.btn,.btn.coral{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 9px #294f4610}
button:hover,.button:hover,.btn:hover,.btn.coral:hover{background:var(--accent-hover);color:#fff;box-shadow:0 5px 14px #294f4618;transform:translateY(-1px)}
button.light,.button.light,.btn.outline{background:#fff;border:1px solid #bdcfc3;color:var(--accent);box-shadow:none}
.btn.outline:hover,.button.light:hover,button.light:hover{background:#e8f0eb;color:var(--accent-hover)}
header button,button.mobile-menu{background:#f5f8f4;border-color:#c4d3c9;color:var(--ink)}
:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #4f7f6d;outline-offset:3px}
.hero-shell{color:var(--ink);background:radial-gradient(ellipse at 90% 15%,#e3eee6 0,transparent 65%),linear-gradient(145deg,#fafbf8,#f0f5ef)}
.hero-shell:before{border-color:#c7d9cd;box-shadow:0 0 0 70px #dce9df33,0 0 0 140px #e5eee644}
.hero h1 em,h1 em{color:var(--accent);background:none;-webkit-text-fill-color:var(--accent)}
.hero p,.hero .micro{color:#586c61}.hero .eyebrow,.dark .eyebrow,.eyebrow{color:#456c5a}
.hero-visual{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.hero-visual img{border-color:#e0e8df;box-shadow:10px 18px 40px #294f461a;filter:saturate(.85)}
.hero-visual:before{border-color:#cbdccf;background:#e9f0e8}
.sector-board{background:linear-gradient(130deg,#fff,#f6f9f4);color:var(--ink);border-color:#e1e9df;box-shadow:4px 6px 0 #dce7db,8px 14px 30px #294f4610}
.board-label{color:#5d7868}.board-tags span{background:#f6f9f4;border-color:#dbe5d9;color:#486251}
.image-label{background:#e1ece1;color:#365d48;border:1px solid #d0dfcd;box-shadow:0 4px 12px #294f460d}
.service-facts{background:#f3f6f0;background-image:none}.fact{border-color:#dde6db}.fact b{color:#395d49;text-shadow:none}.fact span,.fact small{color:#5e7264}
.ribbon{color:#4d6657}.ribbon span:before{color:#5e876e}
.solution,.solution:first-child{background:#fff;border-color:#dce5dc;box-shadow:0 4px 16px #294f4607}
.solution:first-child{background:#f0f6ee}.solution .symbol{background:#e6efe1;color:#3f6951;box-shadow:2px 3px 0 #d7e4d1}
.solution a{border-color:var(--line);color:var(--accent)}
.industries-shell{background:linear-gradient(150deg,#f0f5ed,#f9faf6);border-color:var(--line)}
.industry-grid{background:transparent;border-color:var(--line);gap:18px}
.industry{color:var(--ink);background:#fff;border:1px solid #dce6d9;border-radius:18px;box-shadow:0 4px 16px #294f4608}
.industry:hover,.industry:focus-within{background:#f8fbf5;border-color:#a7c3ac;box-shadow:0 8px 24px #294f4610}
.industry-top>span:first-child{color:#4c785c;background:linear-gradient(135deg,#ecf4e6,#e3eddf);border-color:#d1e0cb;border-radius:18px;box-shadow:2px 3px 0 #d6e3cf;transform:rotate(-2deg)}
.sector-illustration{filter:none}.industry .index{color:#5f7865}.industry strong{color:#4f7359}.industry p{color:#5b6e60}.industry a{color:#356348;border-color:#e0e9dc}.industry a span{color:#527e5c}
.other-sector{background:#e9f0e4;border:1px solid #dbe5d4;color:var(--ink)}
.dark{background:linear-gradient(135deg,#edf3e9,#e3eddf);color:var(--ink);border:1px solid #d5e2ce;box-shadow:0 7px 22px #294f4608}
.dark p{color:#556b59}.point{border-color:#cbdcc4}.point>span{color:#4b7555}.step{border-color:#bbcfb2}.step small{color:#527259}
.candidate-banner{background:linear-gradient(120deg,#eef3e8,#f6f8f0);border-color:#dbe5d1;box-shadow:0 4px 12px #294f4606}
.contact-shell{background:radial-gradient(ellipse at top left,#e4ecda,transparent 75%),#f1f4eb;border-color:#dce5d4}
.contact-aside-card{background:#f8faf3;border-color:#d2dfc9}.mail{color:var(--accent)}
.form-card{background:#fff;border-color:#dce5d6;box-shadow:0 8px 30px #294f4609}.tabs{border-color:#dce5d6}.tabs button{background:transparent;box-shadow:none;color:var(--ink)}.tabs button.active{background:var(--accent);color:#fff}
input,select,textarea{border-color:#bacabd;background:#fff;color:var(--ink)}.formnote,.required-note,.small-note{color:#5f7264}#status:not(:empty){background:#edf3e8;border-color:#729575}
footer{background:#edf2e9;color:#536a58}footer a,footer a.brand{color:#38573e}
.panel{border-color:var(--line);box-shadow:0 4px 18px #294f4605}.stats>div,.stat{background:#eaf1e6}.badge,.tag{background:#edf3e9;color:#49694f}.new{background:#e0ebd8}.drop,.hint,.message{background:#f3f7ef;border-color:#bdcfb4}.intro h1 span,h1 span{color:var(--accent)}
.pending{background:#f4eddb;color:#75602b}.done,.notice{background:#e8f1e2;color:#365c3b}.error{background:#f7eae6;color:#874b3e}.danger{background:#a05b4d;color:#fff}.panel.danger{background:#fbf3f0;color:var(--ink);border-color:#ead4cc}.danger button{background:#a05b4d;border-color:#a05b4d;color:#fff}.muted{color:#5b6e60}
@media(hover:hover) and (pointer:fine){.solution:hover{transform:translateY(-3px);box-shadow:0 8px 24px #294f4610}.hero-visual:hover{transform:perspective(1100px) rotateY(0deg) rotateX(0deg) translateY(-3px)}}
@media(max-width:760px){.hero-visual{transform:none}.sector-board{box-shadow:3px 4px 0 #dce7db,6px 10px 20px #294f4610}}
@media(prefers-reduced-motion:reduce){.hero-visual,.industry,.solution,.btn{transform:none!important}}
/* Preserve the original Careerland logo colours independently of the page theme. */
header .brand,footer .brand{background:#101f36;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
header .brand:hover,footer .brand:hover{color:#fff}
.brand .mark{border-color:#ffab91;border-right-color:transparent}
header .brand small,footer .brand small{color:#fff}
header .brand>small{color:#ffb5a4}