/* THEME LSPD « Sirène » — noir, bleu nuit, éclats rouge & bleu de gyrophare (chargé après style.css) */

/* ====================================================================
   1) SIRÈNE — noir, bleu nuit, éclats rouge & bleu de gyrophare
   ==================================================================== */
html[data-theme="sirene"]{
  --bg:#03060f;--panel:#0a1226d9;--panel2:#101b38e0;--line:#1c3366;
  --blue:#3b82ff;--cyan:#7fd0ff;--text:#eef3ff;--muted:#8f9cc2;--danger:#ff4d5e;--radius:16px;
  --siren-r:#ff2f48;--siren-b:#2f7dff;
}
html[data-theme="sirene"] body{
  background:
    radial-gradient(1100px 520px at 12% -8%,rgba(47,125,255,.20),transparent 60%),
    radial-gradient(900px 480px at 92% 4%,rgba(255,47,72,.15),transparent 60%),
    linear-gradient(180deg,#03060f,#050a18 60%,#03060f);
  background-attachment:fixed;
}
html[data-theme="sirene"] .orb1{background:radial-gradient(circle,var(--siren-b),transparent 70%)}
html[data-theme="sirene"] .orb2{background:radial-gradient(circle,var(--siren-r),transparent 70%);opacity:.18}
html[data-theme="sirene"] .orb3{background:radial-gradient(circle,var(--siren-b),transparent 70%)}
html[data-theme="sirene"] nav{background:rgba(3,6,15,.92);border-bottom:1px solid var(--line)}
html[data-theme="sirene"] .hero h1,html[data-theme="sirene"] .page-header h1{
  background:linear-gradient(95deg,#fff 30%,#bcd9ff 60%,#ffb3bb);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 4px 24px rgba(47,125,255,.35))}
html[data-theme="sirene"] .eyebrow{color:var(--siren-r);letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:800}
html[data-theme="sirene"] .hero-logo-img,html[data-theme="sirene"] .hero .hero-logo{filter:drop-shadow(0 0 34px rgba(47,125,255,.6)) drop-shadow(0 0 60px rgba(255,47,72,.25))}
html[data-theme="sirene"] .home-card,html[data-theme="sirene"] .news-card,html[data-theme="sirene"] .request-card,html[data-theme="sirene"] .agent-cat-panel,html[data-theme="sirene"] .div-card{
  position:relative;border-color:rgba(60,100,200,.35);box-shadow:0 10px 36px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)}
html[data-theme="sirene"] .home-card::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--siren-r),var(--siren-b));opacity:.85}
html[data-theme="sirene"] .home-card:hover{border-color:var(--cyan);box-shadow:0 14px 44px rgba(47,125,255,.25)}
html[data-theme="sirene"] .btn-primary{background:linear-gradient(135deg,#2f6bff,#4a90ff);box-shadow:0 6px 22px rgba(47,125,255,.35)}
html[data-theme="sirene"] .btn-primary:hover{background:linear-gradient(135deg,#ff2f48,#ff5a6c);color:#fff;box-shadow:0 6px 22px rgba(255,47,72,.4)}
html[data-theme="sirene"] .pill{border-color:rgba(127,208,255,.35)}
html[data-theme="sirene"] .logo span{letter-spacing:.14em}



/* Navigation plus compacte pour tenir sur une ligne sur PC */
@media(min-width:900px){nav{padding-left:3vw;padding-right:3vw}.navlinks{gap:1rem}}