/* ==========================================================================
   Tema Ayesa Digital para Langflow
   --------------------------------------------------------------------------
   Se carga DESPUÉS del CSS de Langflow, por lo que gana en cascada sin
   necesidad de !important.

   FORMATO CRÍTICO: los valores son componentes HSL SUELTOS, sin hsl() y sin
   comas — así lo espera shadcn/ui, que luego los usa como
   hsl(var(--primary) / <alpha>). Un valor hex aquí NO da error: el color
   simplemente deja de pintarse.

   Convertir los colores corporativos con:
       python3 hex2hsl.py "#RRGGBB"
   ========================================================================== */

/* --------------------------------------------------------------------------
   TEMA CLARO
   -------------------------------------------------------------------------- */
:root {
	/* Color principal de marca: botones primarios, enlaces, foco. */
	--primary: 0 0% 0%; /* TODO: primario de Ayesa Digital */
	--primary-foreground: 0 0% 100%; /* texto sobre el primario */
	--primary-hover: 240 4% 16%; /* primario al pasar el ratón */

	/* Acento: resaltados, elementos seleccionados. */
	--accent: 240 5% 96%; /* TODO: acento de Ayesa Digital */
	--accent-foreground: 0 0% 0%;

	/* Superficies. Normalmente se dejan neutras: teñir los fondos de color
	   corporativo suele empeorar la legibilidad en sesiones largas. */
	--background: 0 0% 100%;
	--foreground: 0 0% 0%;
	--card: 0 0% 100%;
	--card-foreground: 0 0% 0%;
	--border: 240 6% 90%;
	--input: 240 6% 90%;
	--ring: 0 0% 0%; /* anillo de foco: conviene alinearlo con el primario */

	/* El lienzo de flujos. Su contraste con --card define la legibilidad
	   de los nodos, que es donde el equipo pasará la mayor parte del tiempo. */
	--canvas: 240 5% 96%;
}

/* --------------------------------------------------------------------------
   TEMA OSCURO
   El primario suele necesitar MÁS luminosidad aquí: un color corporativo
   saturado que contrasta bien sobre blanco a menudo no llega a 4.5:1 sobre
   un fondo oscuro. Verificar cada variante con hex2hsl.py.
   -------------------------------------------------------------------------- */
.dark {
	--primary: 0 0% 100%; /* TODO: primario de Ayesa, versión clara */
	--primary-foreground: 0 0% 0%;
	--primary-hover: 240 6% 90%;

	--accent: 240 4% 16%; /* TODO: acento de Ayesa, versión oscura */
	--accent-foreground: 0 0% 100%;

	--background: 240 6% 10%;
	--foreground: 0 0% 100%;
	--card: 240 6% 10%;
	--card-foreground: 0 0% 100%;
	--border: 240 5% 26%;
	--input: 240 5% 34%;
	--ring: 0 0% 100%;
	--canvas: 0 0% 0%;
}

/* --------------------------------------------------------------------------
   LOGO
   Selector por SUBCADENA del src: los assets de Langflow llevan el hash del
   contenido en el nombre (logo_dark-DEVbuISE.png) y ese hash cambia en cada
   versión. Casar por 'logo_dark' hace que la sustitución sobreviva a las
   actualizaciones sin tocar nada.

   Descomentar cuando los ficheros estén en branding/assets/.
   -------------------------------------------------------------------------- */
/*
img[src*="logo_light"] {
	content: url("./brand/logo-light.svg");
}

img[src*="logo_dark"] {
	content: url("./brand/logo-dark.svg");
}
*/

/* --------------------------------------------------------------------------
   TIPOGRAFÍA
   Langflow carga Inter, Chivo y JetBrains Mono desde Google Fonts.
   Para usar la tipografía corporativa, sustituir --font-sans; conviene dejar
   --font-mono intacta, porque el monoespaciado se usa para código y payloads
   donde la alineación importa más que la marca.
   -------------------------------------------------------------------------- */
/*
:root {
	--font-sans: "Tipografia-Ayesa", "Inter", sans-serif;
}
*/