/* ============================================================
   CentralAvisos — tokens de marca
   Un solo archivo del que beben la landing (/) y la demo (/demo).
   Fuente: informe de marca v2, sección 03 «Dirección de arte».

   La regla que gobierna todo: lo frío es el sistema, lo cálido
   es la urgencia. Rojo y ámbar solo significan P1 y P2: nunca un
   botón, nunca un titular, nunca un adorno.
   ============================================================ */
:root{
  /* sistema — oscuro, el de producto y web */
  --ground:#0A0E11;      /* grafito: fondo maestro */
  --panel:#111A1F;       /* superficie de módulos: un solo nivel */
  --panel-2:#17222A;
  --panel-3:#1D2A33;
  --line:#223039;        /* separadores de 1px: aquí no hay sombras */
  --line-soft:#192630;
  --txt:#E8F0F3;
  --txt-2:#9FB2BB;
  --txt-3:#6E838E;       /* solo metadatos y horas, nunca texto esencial */

  /* acento único: marca, enlaces, botón de acción, «en vivo» */
  --cy:#2ED3C6;
  --cy-2:#5FE3D8;
  --cy-deep:#0E9A90;
  --cy-soft:#0C2E2F;
  --sobre-cy:#0A0E11;    /* el cian nunca lleva texto blanco encima */

  /* escala de urgencia */
  --p1:#FF5340; --p1-soft:#2E1210;
  --p2:#FFA524; --p2-soft:#2C1F09;
  --p3:#7E97A4; --p3-soft:#1A242B;
  --p4:#52646E; --p4-soft:#161F25;
  --ok:#39C97E; --ok-soft:#0D2A1C;

  /* versión clara: PDF, contratos, anuncios y tema claro de la demo */
  --hueso:#F3F1EC;
  --hueso-panel:#FFFFFF;
  --hueso-2:#E9E6DF;
  --hueso-linea:#D8D5CD;
  --tinta:#0A0E11;
  --tinta-2:#34444C;
  --tinta-3:#5B6C74;
  --cy-tinta:#0B7A72;    /* cian legible sobre fondo claro */

  /* tipografía: dos familias y se acabó */
  --f:"Chivo","Helvetica Neue",Arial,sans-serif;
  --m:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;

  /* instrumento, no folleto */
  --r:4px;
}