/*
Theme Name: Kolosus
Theme URI: https://kolosus.es
Author: Eiduo
Author URI: https://agenciaeiduo.com
Description: Tema a medida para la landing de Kolosus, software de gestión para empresas y autónomos. Sin page builder.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: kolosus
*/

:root {
	/* Color */
	--color-primary:	#142426; /* CTA y acentos sobre fondo claro */
	--color-secondary:	#05f26c; /* CTA y acentos sobre fondo oscuro */
	--color-dark:		#080c0d; /* texto principal / fondos oscuros de sección */
	--color-medium:		#5e686a; /* bordes, separadores, fondos sutiles */
	--color-light:		#e7e9e9; /* fondo base de la página */
	--color-white:		#FFFFFF; /* tarjetas, superficies elevadas */

	/* Texto secundario derivado de --color-dark con opacidad,
	   para no inventar un gris nuevo fuera de la paleta acordada */
	--color-dark-soft:      rgba(13, 13, 13, 0.64);
	--color-light-soft:     rgba(247, 246, 243, 0.7);

	/* Tipografía */
	--font-display: 'Roboto', sans-serif;
	--font-body:   'Roboto', sans-serif;
	--font-mono:   'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

	/* Escala tipográfica */
	--text-xs:   13px;  
	--text-sm:   16px;  
	--text-md:   18px;  
	--text-lg:   21px;   
	--text-xl:   27px; 
	--text-2xl:  36px;   
	--text-3xl:  48px;     
	--text-4xl:  64px;

	/* Espaciado */
	--space-xs:  8px;
	--space-sm:  16px;
	--space-md:  24px;
	--space-lg:  40px;
	--space-xl:  64px;
	--space-2xl: 96px;
	--space-3xl: 144px;
	--space-4xl: 192px;
	--space-5xl: 288px;

	/* Forma */
	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	/* Sombra: suave y cálida, no gris fría */
	--shadow-card: 0 8px 30px rgba(13, 13, 13, 0.06);
	--shadow-card-hover: 0 16px 40px rgba(13, 13, 13, 0.10);

	/* Contenedor */
	--container-max: 1350px;
	--container-xs-max: 950px;

	/* Transición estándar (sin animaciones complejas por ahora) */
	--ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
	--duration-fast: 150ms;
	--duration-base: 250ms;
}