/* public/assets/theme-sanagustin.css
   Tema institucional (azul / blanco / acento dorado)
   Diseñado para sobre-escribir app.css SIN romper la estructura.
*/

:root{
  --sa-azul:#0B3D91;
  --sa-azul-2:#1E5AA8;
  --sa-dorado:#F4B400;
  --sa-fondo:#F5F6FA;
  --sa-texto:#1B2B4B;
  --sa-muted:#5B6B84;
  --sa-line:rgba(15, 23, 42, .12);
}

html{color-scheme:light}

body{
  background:var(--sa-fondo);
  color:var(--sa-texto);
}

.topbar{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--sa-line);
}

.brand{color:var(--sa-azul)}
.user{color:var(--sa-muted)}

.nav a{color:var(--sa-texto)}
.nav a:hover{background:rgba(11,61,145,.08)}

.card{
  background:#fff;
  border:1px solid var(--sa-line);
  box-shadow:0 8px 24px rgba(2, 6, 23, .08);
}

input,select,textarea{
  background:#fff;
  color:var(--sa-texto);
  border:1px solid var(--sa-line);
}
select option{background:#fff;color:var(--sa-texto)}
select:focus,input:focus,textarea:focus{outline:2px solid rgba(11,61,145,.25)}

.btn{background:var(--sa-azul)}
.btn:hover{filter:brightness(.98)}
.btn.secondary{background:rgba(11,61,145,.10);color:var(--sa-azul)}
.btn.secondary:hover{background:rgba(11,61,145,.14)}
.btn.danger{background:#D7263D}

.badge{
  background:rgba(11,61,145,.10);
  border:1px solid rgba(11,61,145,.28);
  color:var(--sa-azul);
}
.badge.warn{background:rgba(244,180,0,.16);border-color:rgba(244,180,0,.35);color:#7A5600}
.badge.ok{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.30);color:#166534}
.badge.danger{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.30);color:#991B1B}

.table{border:1px solid var(--sa-line)}
.table th{background:rgba(2, 6, 23, .03);color:var(--sa-muted)}

.footer{color:var(--sa-muted);border-top:1px solid var(--sa-line)}

/* Pequeños refinamientos */
h1,h2,h3{color:#0F1B33}