/*
  Roloi · tokens de diseño (v0.1, orientativos)
  ------------------------------------------------
  Un solo sitio donde viven colores, tipografía y espaciado. La web pública
  y el panel interno comparten estas variables; cambiar la marca es cambiar
  este archivo.

  Dirección: sobrio y limpio, como un banco de pruebas de electromedicina.
  Blanco cálido de papel, tinta casi negra, azul marino para lo importante y
  un latón apagado (no dorado brillante) solo para detalles finos: filetes,
  la aguja del logo, un subrayado. El latón NUNCA se usa para texto pequeño:
  su contraste sobre blanco no llega al mínimo de accesibilidad.
*/
:root {
  /* Superficies */
  --papel: #f7f6f2;          /* fondo de la web pública */
  --blanco: #ffffff;         /* tarjetas, tablas */
  --gris-1: #e9e7e1;         /* líneas suaves */
  --gris-2: #cfcbc2;         /* bordes */
  --gris-3: #8e8a81;         /* texto terciario */

  /* Tinta */
  --tinta: #121417;          /* texto principal */
  --tinta-2: #3d424a;        /* texto secundario */

  /* Acentos */
  --marino: #0f2742;         /* titulares, enlaces, botones primarios */
  --marino-2: #1b3a5c;       /* hover */
  --laton: #a68a4b;          /* detalle: filetes, iconos, la aguja */
  --laton-claro: #d8c89c;    /* fondos muy sutiles de sello/garantía */

  /* Semánticos */
  --ok: #2e6b4f;
  --aviso: #9a6b1f;
  --error: #8c2f39;

  /* Tipografía. Hoy pila del sistema; cuando se decida la identidad,
     se autoalojan (sin Google Fonts, por privacidad y velocidad):
     titulares serif "Fraunces", interfaz "Inter", datos "IBM Plex Mono". */
  --fuente-titulos: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --fuente-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fuente-datos: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Escala tipográfica */
  --t-xs: 0.75rem;
  --t-s: 0.875rem;
  --t-m: 1rem;
  --t-l: 1.25rem;
  --t-xl: 1.75rem;
  --t-xxl: 2.5rem;

  /* Espaciado (múltiplos de 8) */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2rem;
  --e-6: 3rem;
  --e-8: 4rem;

  --radio: 4px;
  --ancho-lectura: 72rem;
}

/* Tema oscuro del panel interno (opcional, se activa con data-tema="oscuro") */
[data-tema="oscuro"] {
  --papel: #15181c;
  --blanco: #1d2126;
  --gris-1: #2a2f36;
  --gris-2: #3a414a;
  --gris-3: #8b929b;
  --tinta: #eceae4;
  --tinta-2: #b9b5ac;
  --marino: #9fb8d6;
  --marino-2: #c4d6ea;
}