/*
 * Paleta de marca Plan International — ajústala aquí con la guía de marca oficial.
 * Todo el resto del CSS usa estas variables; no hay colores de marca escritos en otro lugar.
 *
 * Los colores de ESTADO (verde/ámbar/rojo/gris) son independientes de la marca y están
 * elegidos para contraste WCAG AA con su color de texto (ver docs/DECISIONES.md).
 */
:root {
  /* Marca */
  --brand-yellow: #FFD500;        /* color de marca (marcador inicial) */
  --brand-yellow-soft: #FFF4B3;
  --brand-blue: #0072CE;          /* azul del logo, para enlaces y acentos */
  --brand-blue-dark: #005499;
  --brand-ink: #1A1A1A;           /* texto y encabezados */
  --brand-ink-2: #3D3D3D;
  --brand-muted: #616161;         /* texto secundario (contraste 6.2:1 sobre blanco) */
  --brand-bg: #F4F4F4;            /* fondo general */
  --brand-surface: #FFFFFF;       /* tarjetas */
  --brand-line: #E2E2E2;

  /* Estados (independientes de la marca) — fondo sólido + color de texto */
  --cls-green: #1B7A3A;  --cls-green-fg: #FFFFFF;  --cls-green-soft: #DCEFE2;
  --cls-amber: #F2A900;  --cls-amber-fg: #1A1A1A;  --cls-amber-soft: #FDF0CC;
  --cls-red: #C62828;    --cls-red-fg: #FFFFFF;    --cls-red-soft: #F8DADA;
  --cls-none: #6B6B6B;   --cls-none-fg: #FFFFFF;   --cls-none-soft: #ECECEC;

  /* Riesgo */
  --risk-high: #8E1B1B;
  --risk-medium: #8A5A00;
  --risk-low: #2F5D8A;

  /* Tipografía del sistema (sin fuentes externas) */
  --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-num: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}