/* ═══════════════════════════════════════════════════════════════
   NORTE SOFTWARE · piel compartida de las demos
   Obsidiana #080908 · oro cepillado #dcb45e · crema #f6f3e9
   Se carga DESPUÉS del <style> de cada app y solo en pantalla:
   no toca los @media print de los reportes.
   Cada app tiene sus propios nombres de variables; aquí se
   mapean todas a la misma paleta. Se re-enlaza al recopiar
   una demo desde su repo (ver LEEME.md).
   ═══════════════════════════════════════════════════════════════ */
@media screen{

/* ── paleta común ─────────────────────────────────────────── */
:root{
  --n-bg:#080908; --n-bg2:#0d0f0c; --n-panel:#111310; --n-panel2:#191b17;
  --n-line:rgba(223,192,125,.18); --n-line2:rgba(223,192,125,.45);
  --n-txt:#f6f3e9; --n-txt2:#b8b9ad; --n-txt3:#93968b;
  --n-oro:#dcb45e; --n-oro-hi:#f3d797; --n-oro-dim:#8c682b; --n-oro-soft:rgba(220,180,94,.14);
  --n-ink:#171205;
  --n-btn:linear-gradient(115deg,#f3d799 0%,#d5aa55 70%,#edca7e 100%);
}
::selection{background:var(--n-oro);color:var(--n-bg)}

/* ── Turnos MD ────────────────────────────────────────────── */
:root{
  --verde:#191b17; --verde-2:var(--n-oro-hi); --verde-ok:var(--n-oro);
  --cobre:var(--n-oro); --cobre-claro:var(--n-oro-hi);
  --crema:var(--n-txt); --crema-2:rgba(246,243,233,.06);
  --tinta:var(--n-txt); --gris:var(--n-txt2); --linea:var(--n-line);
  --azul:var(--n-oro-hi); --violeta:#c9b48a; --magenta:#d9a441;
  --f-display:'Manrope','Inter',-apple-system,sans-serif; --f-body:'Inter',-apple-system,sans-serif;
}
html{background:var(--n-bg)}
body::before{background:radial-gradient(1100px 650px at 85% -12%,rgba(220,180,94,.10),transparent 62%)}
.btn{background:var(--n-btn);color:var(--n-ink);border:1px solid #f2d28b;box-shadow:inset 0 1px 0 #fff4ce80,0 5px 25px #0003;border-radius:6px}
.btn:hover{filter:none;background:linear-gradient(115deg,#ffe8b5,#e7bf6b);box-shadow:0 7px 28px #d2a34b20}
.btn.cobre,.fab{background:var(--n-btn);color:var(--n-ink);border-color:#f2d28b;box-shadow:0 6px 24px -8px rgba(220,180,94,.5)}
nav button[aria-current="true"]{border-bottom-color:var(--n-oro);text-shadow:none}
.cifra .v.pos,.dif.bien{text-shadow:none}
.cifra.llc{box-shadow:inset 3px 0 0 var(--n-oro);background:linear-gradient(90deg,var(--n-oro-soft),rgba(13,15,12,.9) 46%)}
.cifra.per{box-shadow:inset 3px 0 0 var(--n-oro-hi);background:linear-gradient(90deg,rgba(243,215,151,.08),rgba(13,15,12,.9) 46%)}
.tag.llc{background:var(--n-oro-soft);color:var(--n-oro);border-color:var(--n-line2)}
.tag.per{background:rgba(243,215,151,.1);color:var(--n-oro-hi);border-color:var(--n-line2)}
.tag.lg0{background:var(--n-oro-soft);color:var(--n-oro-hi);border-color:var(--n-line2)}
.pt.lg0{background:var(--n-oro);box-shadow:none}.pt.lg2{background:var(--n-oro-hi);box-shadow:none}
input:focus,select:focus,textarea:focus{border-color:var(--n-line2);box-shadow:0 0 0 3px var(--n-oro-soft)}
.cal-nav button:hover{border-color:var(--n-line2);box-shadow:none}
.dia:not(.fuera):hover{border-color:var(--n-line2);background:var(--n-panel2)}
.dia.hoy{border-color:var(--n-oro);box-shadow:none}
.dia .mm{text-shadow:none}
.barra i{background:linear-gradient(90deg,var(--n-oro-dim),var(--n-oro));box-shadow:none}
.aviso.calma{background:var(--n-oro-soft);border-color:var(--n-line2)}
.pill[aria-pressed="true"]{background:var(--n-oro-soft);color:var(--n-oro-hi);border-color:var(--n-line2);box-shadow:none}
#portal,#candado{background:radial-gradient(720px 520px at 50% -12%,rgba(220,180,94,.14),transparent 60%),var(--n-bg)}
.cand-pts i.on{background:var(--n-oro);border-color:var(--n-oro);box-shadow:0 0 10px rgba(220,180,94,.6)}
.cand-teclas button:active{background:var(--n-oro-soft);border-color:var(--n-line2);box-shadow:none}

/* ── Norte Guardia ────────────────────────────────────────── */
:root{
  --bg:var(--n-bg); --bg2:var(--n-bg2); --panel:var(--n-panel); --panel2:var(--n-panel2);
  --line:var(--n-line); --txt:var(--n-txt); --txt2:var(--n-txt2); --txt3:var(--n-txt3);
  --ac:var(--n-oro); --ac2:var(--n-oro-hi); --ac-dim:var(--n-oro-dim); --pur:#c9b48a;
}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3{font-family:'Manrope','Inter',sans-serif;letter-spacing:-.02em}
.who button.on,.hbtn.pri,.seg button.on{color:var(--n-ink)}
.btn{background:var(--n-btn);color:var(--n-ink);border:1px solid #f2d28b;border-radius:6px}
.logo,header .brand i{background:var(--n-btn)}
.av{color:var(--n-ink)}
.tag.ac,.sl.mio,.sl.dover{background:var(--n-oro-soft)}
header{background:rgba(8,9,8,.92)}

/* ── Norte Comanda ────────────────────────────────────────── */
:root{
  --panel-2:var(--n-panel2); --text:var(--n-txt); --dim:var(--n-txt2); --faint:var(--n-txt3);
  --gold:var(--n-oro); --gold-hi:var(--n-oro-hi); --gold-soft:var(--n-oro-soft);
}

/* ── Norte Funeraria ──────────────────────────────────────── */
:root{ --muted:var(--n-txt2); --acc:var(--n-oro); --acc2:var(--n-oro-dim); }
.btn{border-radius:6px}

} /* fin @media screen */