/* ============================================================
   SKIN "claro" · claro, legible, prolijo — look tech pero amable
   ============================================================ */
[data-skin="claro"] {
  --er-bg: #eef3fa;
  --er-bg-2: #ffffff;
  --er-superficie: #ffffff;
  --er-borde: rgba(28,52,92,.14);
  --er-texto: #17263f;
  --er-texto-tenue: #5d6f8c;
  --er-acento: #1f7fb8;
  --er-acento-2: #e0942a;
  --er-exito: #1f9d57;
  --er-error: #d64a4a;
  --er-radio: 14px;
  --er-fuente-display: 'Georgia','Iowan Old Style',serif;
  --er-fuente-texto: system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --er-fuente-libro: 'Georgia','Iowan Old Style',serif;
  --er-sombra: 0 1px 2px rgba(20,40,80,.05), 0 16px 44px rgba(30,60,110,.10);
  --er-textura: ;
}
[data-skin="claro"] body {
  background:
    radial-gradient(1100px 560px at 50% -12%, #ffffff, transparent 70%),
    linear-gradient(180deg, #f3f7fd 0%, #e7eef8 100%);
  background-attachment: fixed;
  color: var(--er-texto);
}
/* Botones: primario azul con texto blanco; secundario claro y LEGIBLE (fix botones "vacíos") */
[data-skin="claro"] .er-btn:not(.er-btn--secundario):not(.er-btn--peligro) {
  background: linear-gradient(135deg, #2a93cf, #1f7fb8);
  color: #ffffff; border: 0; box-shadow: 0 6px 16px rgba(31,127,184,.28);
  text-transform: none; letter-spacing: .2px;
}
[data-skin="claro"] .er-btn--secundario {
  background: #eef3fa; color: #2a3b57; border: 1px solid var(--er-borde); box-shadow: none;
}
[data-skin="claro"] .er-btn--secundario:hover { background: #e2eaf6; }
/* Grilla */
[data-skin="claro"] .grilla__cmd { background:#ffffff; color: var(--er-texto); border:1px solid var(--er-borde); }
[data-skin="claro"] .grilla__cmd:hover { border-color: var(--er-acento); }
[data-skin="claro"] .grilla__cmd--ver { background: var(--er-acento); color:#ffffff; border-color: var(--er-acento); }
[data-skin="claro"] .grilla__token { color:#ffffff; }
/* Títulos: tono editorial, sin brillos ni mayúsculas forzadas */
[data-skin="claro"] .er-titulo { color: var(--er-texto); text-shadow: none; }
[data-skin="claro"] .er-capitulo__titulo,
[data-skin="claro"] .er-final h1 { color:#12233c; text-transform: none; letter-spacing: .2px; }
[data-skin="claro"] .er-candado__input { color: var(--er-acento); }
/* Recursos (código/tabla/mensaje) en claro, no oscuro */
[data-skin="claro"] .recurso--tabla-morse span { background:#f1f5fb; border:1px solid var(--er-borde); color: var(--er-texto); }
[data-skin="claro"] .recurso--mensaje { background:#f1f5fb; border:1px solid var(--er-borde); }
[data-skin="claro"] .recurso--mensaje code { color:#17263f; }
[data-skin="claro"] .er-hud__menu:hover { background: rgba(20,40,80,.06); }