:root{color-scheme:dark}
body{background:#111;color:#fff;font-family:"Trebuchet MS",Arial,sans-serif}
main{max-width:920px;margin:0 auto;padding:24px 16px 40px}
main:has(form[action="/gestion/connexion"]){max-width:450px;margin:6vh auto;background:#211c18;border:1px solid #493929;border-radius:14px;padding:22px}
header,.ma-gestion-hero{background:linear-gradient(90deg,#100d0bf0,#100d0b8a),url('/assets/madavel-bois.jpg') center/cover;border:1px solid #72502b;border-radius:14px;padding:18px 20px;margin-bottom:16px}
header .eyebrow,.eyebrow,h1,h2,legend,a,label.field>span{color:#f0d9a7}
h1{margin-top:4px}
.ma-gestion-logo{width:54px;height:54px;object-fit:contain;float:left;margin:0 14px 5px 0}
.panel,section,.checks label{background:#211c18;border-color:#493929}
.checks label{background:#30241a}
button,.primary,button[aria-pressed=true]{background:#6d1f1f;border:1px solid #a57663;color:#fff;border-radius:9px}
button:hover:not(:disabled){background:#8a2a2a}
input:not([type=checkbox]),textarea,select{background:#17120e;border:1px solid #a18969;color:#fff}
input[type=checkbox]{accent-color:#c98f1c}
:focus-visible{outline:2px solid #f0d9a7;outline-offset:2px}