/*
 * Tokens del panel.
 *
 * El panel vive en su propio document root (api/admin/) y no puede
 * alcanzar app/src/styles/tokens.css por HTTP: subir con ../ queda fuera
 * de lo que sirve el servidor. Hasta acá el <link> apuntaba a
 * ../css/tokens.css, un archivo que nunca existió, así que el panel se
 * venía dibujando sin ninguna de sus variables.
 *
 * Es el subconjunto que usa admin.css, copiado del bloque :root base del
 * sistema de diseño —no del tema claro, que invierte los fondos—. Si un
 * color cambia allá, hay que cambiarlo acá: son tres pantallas, y la
 * alternativa (servir el mismo archivo desde dos document roots) es peor.
 */

:root {
  --ink: #0E100D;
  --ink-1: #14170F;
  --ink-2: #1A1E17;
  --ink-3: #242A21;
  --ink-4: #333A2E;
  --bone: #EDEFE4;
  --bone-70: rgba(237,239,228,.70);
  --bone-45: rgba(237,239,228,.45);
  --bone-22: rgba(237,239,228,.22);
  --bone-10: rgba(237,239,228,.10);
  --bone-06: rgba(237,239,228,.06);
  --muted: #8A9182;
  --lima: #C6F24D;
  --lima-08: rgba(198,242,77,.08);
  --lima-16: rgba(198,242,77,.16);
  --lima-30: rgba(198,242,77,.30);
  --ambar: #F2B33D;
  --ambar-16: rgba(242,179,61,.16);
  --rojo: #E8514B;
  --rojo-16: rgba(232,81,75,.16);
  --agua: #5FB8D6;
  --agua-16: rgba(95,184,214,.16);
  --f-display: 'Archivo', 'Archivo Narrow', Impact, sans-serif;
  --f-body: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-mono: 'Red Hat Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}
