/*
 * auth-override.css — dark theme spécifique à auth.php
 * Injecter dans auth.php : <link rel="stylesheet" href="/css/auth-override.css">
 */
:root{
  --cream:#08061A !important;
  --ink:#F0EDE8 !important;
  --ink-light:rgba(255,255,255,0.55) !important;
  --gold:#F5A623 !important;
  --gold-dark:#D4A646 !important;
}
html,body{
  background:#08061A !important;
  background-image:
    radial-gradient(ellipse at 20% 50%,rgba(124,92,252,0.12) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 20%,rgba(245,166,35,0.08) 0%,transparent 40%) !important;
  color:#F0EDE8 !important;
}
.auth-box{position:relative;z-index:1;}
.logo a{color:#F5A623 !important;}
.card{
  background:rgba(255,255,255,0.05) !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  box-shadow:0 20px 60px rgba(0,0,0,0.4) !important;
  color:#F0EDE8 !important;
  backdrop-filter:blur(20px);
}
h1,h2,h3{color:#F0EDE8 !important;}
.subtitle{color:rgba(255,255,255,0.5) !important;}
.field label{color:rgba(255,255,255,0.6) !important;}
.field input{
  background:rgba(255,255,255,0.06) !important;
  border:1.5px solid rgba(255,255,255,0.1) !important;
  color:#F0EDE8 !important;
}
.field input::placeholder{color:rgba(255,255,255,0.25) !important;}
.field input:focus{border-color:#F5A623 !important;box-shadow:0 0 0 3px rgba(245,166,35,0.12) !important;}
.btn-submit{
  background:linear-gradient(135deg,#F5A623,#FF6B6B) !important;
  color:#fff !important;
  box-shadow:0 6px 20px rgba(245,166,35,0.3) !important;
}
.btn-submit:hover{transform:translateY(-2px) !important;box-shadow:0 10px 28px rgba(245,166,35,0.4) !important;}
.error{background:rgba(255,77,77,0.12) !important;border:1px solid rgba(255,77,77,0.3) !important;color:#FF9999 !important;}
.success{background:rgba(0,210,168,0.1) !important;border:1px solid rgba(0,210,168,0.3) !important;color:#00D2A8 !important;}
.switch{color:rgba(255,255,255,0.45) !important;}
.switch a{color:#F5A623 !important;}
.divider{color:rgba(255,255,255,0.2) !important;}
.divider::before,.divider::after{background:rgba(255,255,255,0.08) !important;}