/* ═══════════════════════════════════════════════════════════════════════════
   Moldai · identidad · 5-nov-2026
   Se carga justo después de ds.css y solo cambia los colores base (--o-*) y la marca.
   Oscuro por defecto; claro con data-theme="light". Verde petróleo + ámbar.
   Quitar este archivo (y su <link>) devuelve los colores anteriores.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --o-bg:#0C1716;--o-surface:#13221F;--o-surface-2:#182A26;--o-hover:#1E332E;
  --o-line:#243632;--o-line-2:#2F4540;
  --o-ink:#E8F0EC;--o-ink-2:#B9C9C3;--o-ink-3:#9FB3AC;
  --o-accent:#6CC4B6;--o-accent-ink:#0C1716;--o-accent-soft:#173430;--o-accent-line:#2E6B63;--o-accent-solid:#3A9A8E;
  --o-warn:#F29B55;--o-warn-soft:#3A2814;
  --o-velo:rgba(4,10,9,.62);
  --o-shadow-pop:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 1px rgba(232,240,236,.05);
  --o-a4:rgba(108,196,182,.04);--o-a8:rgba(108,196,182,.08);--o-a12:rgba(108,196,182,.12);--o-a18:rgba(108,196,182,.18);--o-a25:rgba(108,196,182,.25);--o-a40:rgba(108,196,182,.40);
  --o-ia:#F0B429;--o-ia-ink:#12403C;--o-ia-soft:rgba(240,180,41,.14);
  --acc3:#A8DED5;
  --brand:#6CC4B6;--brand-dark:var(--o-accent);--brand-bg:var(--o-accent-soft);--brand-text:var(--o-accent-ink);
  --primary-hover:#7DCFC2;--primary-active:#57B3A5;
  --primary-a6:rgba(108,196,182,.06);--primary-a15:rgba(108,196,182,.15);--primary-a30:rgba(108,196,182,.30);
  --warning-border:rgba(242,155,85,.28);
  --border-strong:#3F5852;
  --muted-subtle:rgba(159,179,172,.14);--overlay-heavy:rgba(4,10,9,.72);
  --o-aviso-acc:#12403C;
  --m-mark-bg:#12403C;--m-mark-fg:#F0B429;
}
:root[data-theme="light"]{
  --o-bg:#F4F7F5;--o-surface:#FFFFFF;--o-surface-2:#F8FAF9;--o-hover:#EDF2EF;
  --o-line:#D5DFDA;--o-line-2:#C3D0CA;
  --o-ink:#10201E;--o-ink-2:#3D4F4A;--o-ink-3:#4B5E59;
  --o-accent:#12403C;--o-accent-ink:#FFFFFF;--o-accent-soft:#DDEEE7;--o-accent-line:#A9CFC3;--o-accent-solid:#12403C;
  --o-warn:#A85512;--o-warn-soft:#FBEBDC;
  --o-velo:rgba(16,32,30,.32);
  --o-shadow:0 1px 2px rgba(16,32,30,.05),0 10px 30px -18px rgba(16,32,30,.22);
  --o-shadow-pop:0 24px 60px -16px rgba(16,32,30,.28),0 0 0 1px rgba(16,32,30,.06);
  --o-a4:rgba(18,64,60,.04);--o-a8:rgba(18,64,60,.08);--o-a12:rgba(18,64,60,.12);--o-a18:rgba(18,64,60,.18);--o-a25:rgba(18,64,60,.25);--o-a40:rgba(18,64,60,.40);
  --o-ia:#F0B429;--o-ia-ink:#12403C;--o-ia-soft:#FDF3DA;
  --acc3:#3A9A8E;
  --brand:#3A9A8E;
  --primary-hover:#0E3532;--primary-active:#0A2B28;
  --primary-a6:rgba(18,64,60,.06);--primary-a15:rgba(18,64,60,.15);--primary-a30:rgba(18,64,60,.30);
  --warning-border:rgba(168,85,18,.25);
  --border-strong:#A9B8B2;
  --muted-subtle:rgba(75,94,89,.10);--overlay-heavy:rgba(16,32,30,.5);
  --shadow-xs:0 1px 2px rgba(16,32,30,.06);--shadow-sm:0 2px 8px rgba(16,32,30,.08);
  --o-aviso-acc:#F0B429;
}

/* Marca en la barra lateral: icono + logotipo dibujado (no es texto) */
.o-brand.m-brand{gap:10px}
.m-brand .m-mark{width:26px;height:26px;flex:none;display:block}
.m-brand .m-word{height:17px;width:auto;display:block;color:var(--o-ink)}
.m-mark rect{fill:var(--m-mark-bg)}
.m-mark path{stroke:var(--m-mark-fg)}
.m-mark circle,.m-word circle{fill:var(--o-ia)}

/* Pantalla de entrada */
#login-form h1::before{width:56px;height:56px;margin:0 auto 16px;background:url(../../moldai-icon.php?s=192) center/contain no-repeat;border-radius:13px}
#login-form h1{font-size:26px}