:root {
  /* ── Color · base ─────────────────── */
  --fondo:            #fbf7f1;
  --superficie:       #ffffff;
  --tinta:            #22303a;
  --tinta-titular:    #14343c;
  --tinta-suave:      #4d5b64;
  --tinta-tenue:      #626f77;  /* diseño: #7a8790 → 3.45:1, bajo AA. Ver REVISAR.md */
  --primario:         #0e4f55;  /* confianza */
  --primario-oscuro:  #14343c;  /* hover */
  --primario-suave:   #e7efe9;
  --sobre-primario:   #f2f7f5;
  --acento:           #d96f4e;  /* calidez */
  --acento-tinta:     #b45438;  /* acento AA sobre claro */
  --acento-suave:     #f5e6dd;
  --borde:            #e4ddd0;
  --borde-fuerte:     #d8d2c6;
  --filete:           #22303a;  /* reglas editoriales */

  /* ── Color · escala de urgencia ───── */
  /* tonos plenos: solo puntos y barras, nunca texto */
  --urg-vencido:         #a13333;
  --urg-vencido-fondo:   #f2dede;
  --urg-vencido-texto:   #7c2d2d;
  --urg-urgente:         #b3541e;
  --urg-urgente-fondo:   #f7e3d3;
  --urg-urgente-texto:   #96431c;
  --urg-proximo:         #a8860d;
  --urg-proximo-fondo:   #f5ecce;
  --urg-proximo-texto:   #77620f;
  --urg-contiempo:       #2e7d5b;
  --urg-contiempo-fondo: #dfeee4;
  --urg-contiempo-texto: #22593d;

  /* ── Color · avisos ───────────────── */
  --aviso-borde:      #e0b48a;
  --aviso-fondo:      #f9efe2;
  --aviso-texto:      #5c4326;
  --ok:               #22593d;  /* «verificada» */

  /* ── Tipografía (una sola familia) ── */
  --fuente: 'Bitter', Georgia, serif;
  --t-nota:     11px;   /* metadatos, legal */
  --t-etiqueta: 12px;   /* small caps, badges */
  --t-ui:       13.5px; /* botones secundarios */
  --t-cuerpo:   15px;   /* lectura móvil */
  --t-cuerpo-l: 16px;   /* lectura escritorio */
  --t-h3:       17px;
  --t-h2:       19px;
  --t-h1:       26px;   /* móvil; 33px escritorio */
  --alto-lectura: 1.7;
  --alto-ui:      1.35;
  --tracking-etiqueta: 0.12em;

  /* ── Espaciado (base 4) ───────────── */
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px;
  --esp-4: 16px; --esp-5: 20px; --esp-6: 24px;
  --esp-7: 32px; --esp-8: 48px;

  /* ── Radios ───────────────────────── */
  --radio-s: 10px;  /* inputs pequeños, notas */
  --radio-m: 14px;  /* tarjetas */
  --radio-l: 16px;  /* módulos */
  --radio-pill: 999px;

  /* ── Táctil / accesibilidad ───────── */
  --tacto-min: 44px;
  --foco: 2px solid #0e4f55;
}