/* ============================================================================
   Agendea · paleta «telón»

   Los cinco colores de marca son estos y no se tocan:

       #A31621  Telón       rojo principal
       #7A1220  Telón osc.  rojo profundo, la franja de marca
       #E8A13D  Foco        ámbar, el segundo acento
       #FAF5EC  Crema       el papel
       #1A1714  Tinta       el texto

   El resto de tokens se derivan de ellos. Lo que hay entre paréntesis es el
   contraste medido contra el fondo que le toca; los que llevan texto encima
   pasan AA (4,5:1) y los que solo delimitan un control pasan 3:1.

   Para volver a la paleta anterior:  php cron/paleta.php papel
   ========================================================================= */

:root {
  /* superficies y texto */
  --papel:     #FAF5EC;   /* Crema */
  --papel-2:   #F2EADB;
  --papel-3:   #E7DCC7;
  --tarjeta:   #FFFDF7;
  --tinta:     #1A1714;   /* Tinta — 16,4:1 sobre crema */
  --tinta-2:   #564C41;   /* 7,7:1 */
  --tinta-3:   #6E6456;   /* 5,3:1 — es texto de cuerpo (lugar, sumario, pie),
                             no decoración, así que tiene que pasar AA */
  --linea:     #E2D8C6;
  --linea-2:   #CFC2AC;   /* solo separadores decorativos */
  --borde:     #968771;   /* 3,2:1 — bordes que delimitan un control */

  /* acento */
  --acento:    #A31621;   /* Telón — 7,2:1 sobre crema */
  --acento-2:  #7A1220;   /* Telón osc. — 10,0:1 */
  --acento-sv: #FBEBEC;   /* el mismo rojo lavado, para fondos de chip */

  /* Franja de marca. Va aparte de --acento porque en modo oscuro --acento se
     aclara a un rosa sobre el que el blanco no se lee. Blanco sobre Telón:
     7,8:1; sobre Telón osc.: 10,9:1. */
  --marca-fondo: #A31621;
  --marca-borde: #7A1220;

  /* Segundo acento: el ámbar. Sobre crema da 2,0:1, así que NO vale para texto;
     se usa como superficie con tinta encima (8,2:1). Para cuando hace falta
     ámbar en un texto está --foco-2, que es el mismo tono bajado hasta 5,5:1. */
  --foco:        #E8A13D;   /* Foco */
  --foco-tinta:  #1A1714;
  --foco-2:      #8A5A0E;

  /* elevación */
  --s1: 0 1px 2px rgba(26,23,20,.06), 0 1px 1px rgba(26,23,20,.04);
  --s2: 0 4px 14px rgba(26,23,20,.09), 0 1px 3px rgba(26,23,20,.05);
  --s3: 0 12px 32px rgba(26,23,20,.13), 0 2px 6px rgba(26,23,20,.06);

  /* El color que pinta el navegador alrededor (la barra del movil). */
  --tema-claro:  #FAF5EC;

  color-scheme: light;
}