/* ============================================================
   Identidad de marca 2.1 — Dr. Otoniel Colorado
   Fuente de verdad: identidad-marca-drocolorado/reference/brand-tokens.json
   Actualizado: 2026-07-11 — Azul pasa a familia operativa fija (UI de
   producto); Terracota/Verde quedan como familias editoriales rotativas
   ============================================================ */
:root {
  /* --- BASE (constante en todo medio, todo el tiempo) --- */
  --color-milk: #F9F7F0;          /* fondo */
  --color-au-lait: #DCD7C9;       /* superficie / tarjeta */
  --color-graphite: #4A4A47;      /* texto principal, 8.30:1 sobre Milk */
  --color-caption: #6A6965;       /* texto secundario, 5.13:1 sobre Milk */
  --color-lunar-eclipse: #3F4E4F; /* acento oscuro puntual — nunca fondo dominante */
  --color-on-dark: #FFFFFF;       /* texto sobre fondo oscuro */

  /* --- CHISPA FIJA (significado fijo, no rota) --- */
  --color-vermellon: #A23B2C;     /* énfasis / links / badges */
  --color-ambar: #D9A441;         /* solo relleno de gráficas, nunca texto */

  /* --- FAMILIA OPERATIVA FIJA (Azul) — NUNCA rota, exclusiva de UI de
     producto (PWA, clinica.drocolorado.org). No usar en piezas editoriales. --- */
  --color-operativa-texto: #28374A;   /* Azul, 11.29:1 AAA — el mejor de toda la paleta */
  --color-operativa-accento: #78899F; /* Stormy Sky, 3.33:1 solo grande/ícono */
  --color-operativa-tinte: #8FA1B2;   /* Coastal Haze — solo tinte/relleno, nunca texto */

  /* --- FAMILIA EDITORIAL ACTIVA: elegir UNA por pieza editorial (deck/
     documento/newsletter). NUNCA para UI de producto — ese rol es exclusivo
     de --color-operativa-* arriba. Descomenta el bloque que uses en ESTA pieza. */

  /* Terracota (ambos tonos pasan como texto): */
  --color-editorial-texto: #984216;
  --color-editorial-accento: #B17457;
  --color-editorial-tinte: #EFE5DB;

  /* Verde — descomentar para usar en su lugar:
  --color-editorial-texto: #6B6751;
  --color-editorial-solido: #4E5A46;
  --color-editorial-tinte: #A3AE9A;
  */

  /* Tipografía */
  --font-titulos: "Calibri", "Helvetica Neue", Arial, sans-serif;
  --font-cuerpo: Arial, "Helvetica Neue", sans-serif;
}

/* Reglas de combinación auditadas — ver reference/reglas-combinacion.md
   1. --color-operativa-* (Azul) es fija y exclusiva de UI de producto —
      nunca rota, nunca aparece en piezas editoriales.
   2. UNA sola familia editorial activa por pieza — nunca mezclar Terracota
      y Verde, y nunca sustituir la operativa por una editorial en producto.
   3. --color-editorial-tinte y --color-operativa-tinte son SOLO fondo/
      relleno, nunca texto, excepto en Terracota donde ambos tonos pasan
      como texto.
   4. --color-vermellon y --color-ambar NO rotan, conviven con cualquier
      familia activa (operativa o editorial). Ambar nunca es texto/ícono —
      solo relleno de charts.
   5. --color-graphite y --color-lunar-eclipse tienen matices cercanos —
      nunca adyacentes en el mismo elemento.
   6. --color-lunar-eclipse nunca como fondo dominante de contenido.
*/