/*
  Sistema eQMS Mitani — tokens visuales.
  Identidad: panel clínico/industrial, no marketing. El color codifica estado
  (vigente/borrador/obsoleto, abierto/cerrado, aprobado/rechazado) porque en
  este sistema el estado ES el contenido — casi todo módulo es una máquina de
  estados. La tipografía monoespaciada se reserva para códigos e IDs
  (RU-1.2, ED-3.4, folios, lotes) para que sean reconocibles de un vistazo,
  distintos del texto de interfaz.
*/
:root {
  /* Superficie */
  --bg: #eef1f5;
  --surface: #ffffff;
  --surface-sunken: #f4f6f9;
  --border: #dde2e9;
  --border-strong: #c7cedb;

  /* Texto */
  --ink: #10192b;
  --ink-soft: #4b5768;
  --ink-faint: #7c8798;
  --ink-on-dark: #dbe4f0;
  --ink-on-dark-soft: #8fa0b8;

  /* Sidebar */
  --sidebar-bg: #0d1b2e;
  --sidebar-bg-active: #16304f;
  --sidebar-border: #1c2c42;

  /* Acento — verde clínico controlado, no vibrante */
  --accent: #146356;
  --accent-strong: #0d4a41;
  --accent-soft: #e2f1ee;
  --accent-ink: #0d4a41;

  /* Estado */
  --state-ok-bg: #e4f5ea;
  --state-ok-ink: #157a44;
  --state-warn-bg: #fdf1de;
  --state-warn-ink: #9a5b0a;
  --state-danger-bg: #fbe7e6;
  --state-danger-ink: #a52a20;
  --state-neutral-bg: #eaedf3;
  --state-neutral-ink: #4b5768;
  --state-info-bg: #e3edfb;
  --state-info-ink: #1c5fa8;

  /* Tipografía */
  --font-ui: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* Escala */
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-card: 0 1px 2px rgba(16, 25, 43, 0.06), 0 1px 1px rgba(16, 25, 43, 0.04);
  --shadow-pop: 0 8px 24px rgba(16, 25, 43, 0.16);

  --sidebar-w: 264px;
  --topbar-h: 56px;
}