/* Tema de esta instalación (Doble Párpado). Para otro cliente se cambia solo este archivo:
   colores, tipografías y radios. El resto de hojas de estilo usan estas variables. */

@font-face {
  font-family: "Archivo Narrow";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../vendor/archivo-narrow/ArchivoNarrow-latin.woff2") format("woff2");
}

:root {
  color-scheme: dark;

  /* colores corporativos: principal, secundario y terciario */
  --color-acento: #f16d01;
  --color-secundario: #ff0000;
  --color-terciario: #891a68;
  --color-sobre-acento: #0b0b0b;  /* texto sobre el color principal (botones): negro para que se lea bien */
  --color-sobre-terciario: #ffffff;  /* texto sobre el terciario (barra de lo marcado en los listados) */
  --degradado-marca: linear-gradient(90deg, var(--color-acento), var(--color-secundario), var(--color-terciario));

  /* fondos negros y grises oscuros */
  --color-fondo: #000000;
  --color-cabecera: #0b0b0b;
  --color-superficie: #141414;
  --color-superficie-alta: #1d1d1d;
  --color-borde: #2b2b2b;
  --color-texto: #f2f2f2;
  --color-suave: #a3a3a3;

  /* significado (estados, subidas y bajadas) */
  --color-positivo: #3ecf7a;
  --color-negativo: #ff4d4d;
  --color-aviso: #f5a524;

  /* gráficos: año elegido en el color principal, año anterior en el terciario */
  --color-grafico-actual: var(--color-acento);
  --color-grafico-anterior: var(--color-terciario);
  /* gráfico de años (del más antiguo al más reciente): del azul a los colores corporativos;
     en #rrggbb, porque el degradado les añade transparencia */
  --grafico-anios: #2f6fd6, #6a3fc4, #891a68, #d61f4a, #ff3d00, #f16d01;

  --fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fuente-titulos: "Archivo Narrow", "Arial Narrow", var(--fuente);
  --radio: 8px;
}