/* FractAIll · la fuente única de color y tipografía.
   Todas las páginas beben de aquí. Antes había cuatro negros, dos naranjas y cinco
   grises de línea distintos: por eso nada se sentía de la misma familia.
   Si un color se cambia, se cambia AQUÍ y cambia en todo el sitio. */
:root{
  /* fondos */
  --fx-negro:#08090b;        /* el fondo de todo */
  --fx-negro-2:#0d0e11;      /* un escalón arriba: tarjetas sobre el fondo */
  --fx-panel:#111216;        /* paneles y superficies de trabajo */
  --fx-panel-2:#17181d;      /* botones secundarios, superficie sobre panel */
  --fx-papel:#f5f5f2;        /* las secciones claras del escaparate */

  /* marca */
  --fx-naranja:#ff7629;
  --fx-naranja-2:#ff9b63;

  /* texto */
  --fx-tinta:#f6f6f3;        /* texto principal sobre oscuro */
  --fx-suave:#c4c6cc;        /* texto secundario */
  --fx-tenue:#83868e;        /* etiquetas, apoyos */
  --fx-oscuro:#0a0a0a;       /* texto sobre las secciones claras */

  /* bordes */
  --fx-linea:#292b31;                    /* borde sólido sobre oscuro */
  --fx-linea-t:rgba(255,255,255,.11);    /* borde translúcido sobre imagen o cristal */
  --fx-linea-clara:rgba(10,10,10,.12);   /* borde sobre las secciones claras */

  /* señales */
  --fx-ok:#74d6a9;
  --fx-mal:#ff8b72;

  /* letra */
  --fx-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --fx-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* movimiento · que todo acelere y frene igual */
  --fx-salida:cubic-bezier(.2,.8,.2,1);
  --fx-rapido:.18s var(--fx-salida);
  --fx-normal:.32s var(--fx-salida);
  --fx-lento:.62s var(--fx-salida);
}