/* ── Reset & Tokens ─────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── Paleta oficial ─────────────────────────── */
  --c1:#003087;   /* Azul marino */
  --c2:#012169;   /* Azul oscuro */
  --c3:#009CDE;   /* Azul cielo */
  --c4:#FFFFFF;   /* Blanco */
  --c5:#F6F7F8;   /* Gris muy claro */

  /* ── Superficies ────────────────────────────── */
  --sidebar-bg:var(--c2);
  --topbar-bg:var(--c4);
  --page-bg:var(--c5);
  --card-bg:var(--c4);
  --input-bg:#EEF4FA;
  --ink3:#001555;

  /* ── Bordes ─────────────────────────────────── */
  --border:rgba(0,48,135,.12);
  --border2:rgba(0,156,222,.35);
  --border-sb:rgba(255,255,255,.1);

  /* ── Texto ──────────────────────────────────── */
  --text-dark:var(--c2);
  --text-mid:#2A4A7F;
  --text-muted:#6B8AAD;
  --text-light:#A8C0D6;
  --text-on-dark:var(--c4);
  --text-on-dark2:rgba(255,255,255,.65);

  /* ── Acento principal ───────────────────────── */
  --accent:var(--c3);
  --accent-dk:#007BAF;
  --accent-lt:rgba(0,156,222,.1);
  --accent-lt2:rgba(0,156,222,.18);

  /* ── Acento secundario ──────────────────────── */
  --navy:var(--c1);
  --navy-lt:rgba(0,48,135,.08);
  --navy-lt2:rgba(0,48,135,.15);

  /* ── Estados ────────────────────────────────── */
  --green:#16A34A;--green-lt:rgba(22,163,74,.1);
  --amber:#D97706;--amber-lt:rgba(217,119,6,.1);
  --rose:#DC2626;  --rose-lt:rgba(220,38,38,.1);
  --teal:#0891B2;  --teal-lt:rgba(8,145,178,.1);
  --purple:#7C3AED;--purple-lt:rgba(124,58,237,.1);

  /* ── Sombras ─────────────────────────────────── */
  --shadow-sm:0 1px 4px rgba(0,48,135,.08);
  --shadow:0 3px 14px rgba(0,48,135,.1);
  --shadow-lg:0 8px 32px rgba(0,48,135,.16);
  --shadow-xl:0 16px 56px rgba(0,48,135,.22);

  /* ── Radio & Tipografía ─────────────────────── */
  --r:8px;--r-lg:12px;--r-xl:18px;
  --font:'Poppins',system-ui,sans-serif;
  --display:'Poppins',system-ui,sans-serif;
  --mono:'Poppins',monospace;
  --sidebar-w:224px;

  /* ── Layout extras ───────────────────────────── */
  --topbar-h:56px;
  --page-pad-x:32px;
  --page-pad-y:28px;
  --mob-bar-h:52px;
  --ease:cubic-bezier(.4,0,.2,1);
}