/* Rayo de luz del sur — override de marca sobre el contrato Bento.
 *
 * Se enlaza DESPUÉS de tokens.css. Reutiliza exactamente los nombres de token
 * de Bento: no se inventa ninguno. Sólo cambian valores de color y la familia
 * display. Estructura (espaciado, radios, escala tipográfica, motion,
 * contenedor) queda intacta de Bento.
 *
 * Todos los hex salen de un muestreo real de image.png — ver brand-spec.md.
 * Fuera de este bloque :root no se escribe un solo hex crudo en el proyecto.
 */

:root {
  /* Papel y superficies — el papel es el color dominante del logotipo */
  --bg: #f1e7db;
  --surface: #fbf6ee;
  --surface-warm: #e8dbc9;

  /* Tinta — derivada del matiz del oro, contrastes calculados contra --bg */
  --fg: #2a1e10;      /* 13.2:1 */
  --fg-2: #4f3c24;    /*  8.6:1 */
  --muted: #74624a;   /*  4.8:1 */

  /* Trazo */
  --border: #d6c4a8;
  --border-soft: #eadfcd;

  /* Oro profundo medido del logo — acento único */
  --accent: #6d4211;     /* 7.0:1 sobre --bg */
  --accent-on: #fbf6ee;  /* 8.6:1 sobre --accent */

  /* Latón de ornamento — hairlines y rayos. Nunca texto de cuerpo. */
  --meta: #996b31;       /* 3.8:1 */

  /* Semánticos: separados del oro por matiz, siempre con ícono + etiqueta */
  --success: #35663f;    /* 5.5:1 */
  --warn: #a2451a;       /* 5.1:1 */
  --danger: #96241f;     /* 6.7:1 */

  /* Display serif: el wordmark del logo es una serif de alto contraste.
     Sin archivos de fuente en disco no se declara @font-face ni se carga
     nada remoto: la pila cae al sistema. */
  --font-display: ui-serif, Georgia, "Times New Roman", serif;

  /* Matices por hábito — la grilla de seguimiento necesita distinguir filas
     de un vistazo. Monai lo resuelve con violeta/naranja/verde/azul
     saturados; acá los ocho viven en la familia del logo (tierra y amanecer)
     más dos notas frías, que son el cielo y la sierra del propio emblema.
     Contraste medido sobre --surface, todos por encima de 4,5:1:
     oro 6.87 · terracota 6.21 · oliva 6.34 · salvia 6.38
     cielo 6.86 · ciruela 8.58 · arcilla 6.32 · índigo 7.68 */
  --h-oro: #7a4b12;
  --h-terracota: #9c3f1c;
  --h-oliva: #55601f;
  --h-salvia: #2f6450;
  --h-cielo: #2d5a78;
  --h-ciruela: #6e3357;
  --h-arcilla: #8a4a26;
  --h-indigo: #434a82;

  /* Elevación y foco recoloreados al matiz cálido de la marca */
  --elev-raised: 0 20px 52px rgba(42, 30, 16, 0.13);
  --focus-ring: 0 0 0 4px rgba(109, 66, 17, 0.28);
}