/* ============================================================
   Tokens de marca AT Infoserveis - reutilizar SIEMPRE.
   Verde lima #90C020 · Azul marino #001868 · fondo blanco/grises.
   ============================================================ */
:root {
  --lima: #90C020;
  --lima-dark: #74a014;
  --lima-soft: #eef6da;
  --marino: #001868;
  --marino-2: #16306f;
  --marino-soft: #eaeefb;

  --bg: #ffffff;
  --bg-soft: #f4f6fa;
  --bg-card: #ffffff;
  --grey-100: #eef0f5;
  --grey-200: #e1e5ee;
  --grey-300: #c8cedb;
  --grey-500: #828aa0;
  --text: #1c2233;
  --text-muted: #828aa0;
  --danger: #c0392b;
  --border: #e1e5ee;

  --radius: 12px;
  --shadow: 0 1px 2px rgba(0,24,104,.05), 0 6px 22px rgba(0,24,104,.06);
  --shadow-md: 0 4px 6px rgba(0,0,0,.06), 0 12px 40px rgba(0,24,104,.10);
  --font: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}

/* ---- Dark mode ---- */
[data-theme="dark"] {
  --bg: #141517;
  --bg-soft: #1c1e24;
  --bg-card: #22242e;
  --grey-100: #2a2d38;
  --grey-200: #33374a;
  --grey-300: #454a62;
  --grey-500: #818aa6;
  --text: #eef0f6;
  --text-muted: #8d95b0;
  --border: #2e3248;

  /* CRÍTICO: marino se sobreescribe a un azul legible sobre fondos oscuros */
  --marino: #6b9ef4;
  --marino-2: #5a88e8;
  --marino-soft: #171d3a;

  --lima: #a3d43b;
  --lima-dark: #8ab82e;
  --lima-soft: #1f2e10;

  --shadow: 0 1px 3px rgba(0,0,0,.5), 0 6px 20px rgba(0,0,0,.4);
  --shadow-md: 0 4px 8px rgba(0,0,0,.55), 0 16px 48px rgba(0,0,0,.5);
}