/* ============================================================
   RONDINES · BAEMSA Seguridad · tokens
   Único lugar donde se definen colores y medidas.
   Estos valores pasan tal cual a theme.js en Expo.

   REGLA: el color de marca y los de estado son cosas distintas.
   Los de estado NO se tocan, porque significan algo:
     verde = verificado · rojo = incidencia · ámbar = sin subir

   Los azules salieron del logo del anuncio:
     profundo #1F4785 · claro #4599D0
   El acento de la interfaz es el CLARO, no el profundo: sobre
   fondo oscuro el profundo no alcanza contraste legible. El
   profundo se queda en la familia del fondo y en el escudo.
   ============================================================ */
:root{
  /* --- marca --- */
  --marca:#4599D0;              /* azul claro BAEMSA · 5.9:1 sobre el fondo */
  --marca-profundo:#1F4785;     /* azul profundo BAEMSA · solo en el escudo */
  --marca-sobre:#071020;        /* texto sobre el color de marca */
  --marca-dim:rgba(69,153,208,.34);
  --marca-glow:rgba(69,153,208,.20);

  /* --- base nocturna, derivada del azul profundo --- */
  --fondo:#0A1322;
  --superficie:#121E31;
  --superficie-2:#1A2740;
  --linea:#26354E;
  --texto:#EDF2F8;
  --texto-2:#8695AC;
  --texto-3:#5A6B84;

  /* --- estado (semánticos: no cambian con la marca) --- */
  --ok:#35C77B;                 /* punto verificado */
  --ok-bg:rgba(53,199,123,.13);
  --alerta:#F04438;             /* incidencia, pánico */
  --alerta-bg:rgba(240,68,56,.13);
  --pendiente:#F5A524;          /* capturado, aún sin subir */
  --pendiente-bg:rgba(245,165,36,.13);

  /* --- medidas de la app --- */
  --gutter:20px;      /* margen lateral */
  --btn-h:58px;       /* alto de botón: se usa con guantes */
  --btn-r:14px;
  --field-r:12px;
  --card-r:16px;

  /* --- escritorio (fuera del teléfono) --- */
  --desk-1:#18263C;
  --desk-2:#070C16;
  --panel:#101B2C;
  --panel-line:rgba(255,255,255,.09);
  --panel-text:#E4EAF3;
  --panel-text-2:#7B8AA2;

  /* --- tipografías --- */
  --ui:'IBM Plex Sans',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --logo:'Montserrat','Archivo',system-ui,sans-serif;  /* solo el logotipo */
  --ios:-apple-system,BlinkMacSystemFont,'IBM Plex Sans',sans-serif;

  /* --- dispositivo (arranca en Android: así son los equipos) --- */
  --sw:360px; --sh:800px; --radius:40px; --scale:1;
}