:root {
  --fondo-pantalla: red; /* yellow lighten-5*/
  --fondo-mesa: #f1f8e9; /* #f1f8e9 light-green lighten-5*/
  --ancho-zona-propiedades: 512px; /* Diseñador: ancho inicial del panel izquierdo (la barra divisoria lo cambia) */
  --ancho-divisor-propiedades: 6px;

  /* Diseñador: cajas que encajan en la rejilla (ALIGNGRIDX/Y = 20 en config.js). Respuestas, Resultados y saltos
     de ruta miden lo mismo y su centro cae en una línea de la rejilla, así las flechas quedan horizontales.
     Medidas en px: no dependen del tamaño de letra de Materialize (que cambia con el ancho de la ventana). */
  --rejilla: 20px;
  --caja-alto: 40px; /* 2 líneas de --caja-interlineado + relleno vertical */
  --caja-letra: 14px;
  --caja-interlineado: 16px;
  --caja-relleno: 4px 8px;

  --espacio-disenyo-alto: 21600px;
  --espacio-disenyo-ancho: 38400px;
  /*--espacio-disenyo-alto:8600px;*/

  --buscador-ancho-max: 860px;

  --color-azul-marino: #03038c; /* rgb(3, 1, 73); */
  --color-azul-claro: rgb(1, 103, 255);

  
  --color-azul-intenso: #0167FF;  /* #2962ff blue accent-4 */ 
  --color-aguamarina: #05c4ba;  /*#00bfa5 teal accent-4*/

  --color-coral-intenso: #f9414b;

  --color-naranja: #ef6c00; /* orange darken-3 --> GUIA = #ef7b1b; */
}