/*!
 * CatBit · Capa de marca
 * ---------------------------------------------------------------------------
 * Tokens de la identidad CatBit Solutions y algunos ajustes finos que se
 * aplican POR ENCIMA del CSS del tema.
 *
 * Paleta oficial (catbit-kit/docs/LOGO_GUIDELINES.md):
 *   Cian digital   #00B8D9   órbitas, nodos y acentos
 *   Azul petróleo  #087E95   acentos y enlaces de apoyo
 *   Tinta          #102A35   nombre y fondos oscuros
 *   Blanco frío    #FAFCFD   fondo principal
 *   Superficie     #E9F2F5   fondo secundario
 *   Gris claro     #A8B8C1
 *   Negro          #151D23
 *   Pizarra        #425560
 *   Gris neutro    #6B7280
 *
 * Los tokens quedan disponibles como variables CSS para que los puedas usar
 * en CSS propio o en el campo "Custom CSS" del tema, por ejemplo:
 *
 *     .mi-bloque { border-top: 3px solid var(--catbit-cian); }
 */

:root {
	/* Identidad */
	--catbit-cian:        #00B8D9;
	--catbit-cian-oscuro: #087E95;
	--catbit-tinta:       #102A35;
	--catbit-blanco:      #FAFCFD;
	--catbit-superficie:  #E9F2F5;
	--catbit-gris-claro:  #A8B8C1;
	--catbit-negro:       #151D23;
	--catbit-pizarra:     #425560;
	--catbit-gris:        #6B7280;

	/* Los tres gatos, en orden: Chicha (izq) · Pumy (centro) · Chichi (der) */
	--catbit-chicha: #A8B8C1;
	--catbit-pumy:   #151D23;
	--catbit-chichi: #425560;

	/* Derivados útiles */
	--catbit-cian-rgb: 0, 184, 217;
	--catbit-tinta-rgb: 16, 42, 53;
}

/* ---------------------------------------------------------------------------
 * Selección de texto y foco: coherencia de marca.
 * ------------------------------------------------------------------------- */
::selection {
	background: rgba(var(--catbit-cian-rgb), 0.28);
	color: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--catbit-cian);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
 * Marca de agua de la marca en el logo del sitio: la imagen por defecto ya es
 * el logo CatBit, así que solo se asegura que nunca se deforme.
 * ------------------------------------------------------------------------- */
.image-logo img,
.header-layout-1-logo img,
.sticky-logo img {
	height: auto;
}

/* ---------------------------------------------------------------------------
 * Pie de sitio: línea de acento CatBit opcional.
 * Se activa agregando la clase "catbit-accent-footer" al <body> desde
 * el campo "Custom Body Classes" de las opciones del tema.
 * ------------------------------------------------------------------------- */
.catbit-accent-footer .site-footer {
	border-top: 3px solid var(--catbit-cian);
}

/* ---------------------------------------------------------------------------
 * Modo oscuro: ajustar los tokens para que sigan siendo legibles.
 * ------------------------------------------------------------------------- */
[data-skin="dark"],
body.dark-skin {
	--catbit-blanco: #151D23;
	--catbit-superficie: #1D272D;
}