/* Couleurs de la marque Diagnost'IT : bleu profond, cyan et vert du logo fourni. */
:root{--brand-navy:#103e63;--brand-blue:#176b91;--brand-cyan:#2b9fc0;--brand-green:#59aa55;--brand-gradient:linear-gradient(112deg,#167ca7 0%,#2a9fc0 48%,#60ac55 100%);--brand-soft:#edf7f4}
body{color:#173b52;background:#f4f8f9}
a{color:var(--brand-blue)}
:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:3px}
.site-header,.topbar{background:linear-gradient(105deg,#103e63 0%,#135577 70%,#1a6c74 100%)}
.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:14px max(26px,calc((100% - 1240px)/2))}
.site-header .site-brand{min-width:0;max-width:100%}
.site-header .site-brand strong{overflow-wrap:anywhere}
.site-header nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}
.site-footer,.callout{background:linear-gradient(110deg,#103e63,#166678)}
.site-brand,.brand{gap:11px}
.site-brand span,.brand-mark{background:#fff url('../public/diagnostit-mark.svg') center / 28px 31px no-repeat;color:transparent!important;border-radius:9px;box-shadow:0 2px 8px #092f4b40;flex:none}
.site-brand strong,.brand strong{letter-spacing:.01em}
.site-brand strong::first-letter,.brand strong::first-letter{color:#fff}
.kicker,.eyebrow{color:#18849b}
.callout .kicker{color:#9fdab5}
.button.accent,.primary{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 3px 10px #176b9130}
.button.accent:hover,.primary:hover{background:linear-gradient(112deg,#12688d,#218ba9 48%,#4b9947);color:#fff}
.button.dark,.level-tabs button.active,.checkout-steps li.selected{background:var(--brand-navy);color:#fff;border-color:var(--brand-navy)}
.button.dark:hover{background:#0b3151}
.hero{background:linear-gradient(145deg,#eff9f8,#e5f1f5)}
.hero h1,.page-heading h1{color:var(--brand-navy)}
.hero-visual{background:linear-gradient(135deg,#258bad 0%,#155e82 52%,#4a9e68 100%)}
.view-badge{background:var(--brand-gradient);color:#fff}
.service-card .tag,.count-badge{background:#e5f5f1;color:#176774}
.service-card,.panel,.auth-card,.tools-panel{border-color:#d5e5e9}
.admin-tabs button.selected{color:var(--brand-blue);border-bottom-color:var(--brand-green)}
.admin-tabs>a{white-space:nowrap;margin:4px 6px 4px 0;padding:8px 12px;font-size:.88rem}
.cookie-banner{background:var(--brand-navy)}
.cookie-banner a{color:#a9e2bc}
.cookie-banner button{background:var(--brand-gradient);color:#fff}
.progress-track span{background:var(--brand-gradient)}
.plan-pin.current,.legend-dot.nav{background:var(--brand-green)}
.plan-pin.current{outline-color:#59aa5566}
.legend-dot.inspect,.hotspot-inspect{background:var(--brand-cyan)}
.tool.active,.tool-result{background:var(--brand-soft);border-color:var(--brand-green);color:var(--brand-navy)}
.selected-tool,.score{color:var(--brand-green)}
.result-summary{background:var(--brand-navy)}
@media(max-width:600px){.site-brand span{width:32px;height:32px;background-size:25px 28px}}
@media(max-width:600px){.site-header{padding:12px 16px;gap:10px}.site-header nav{gap:12px}}