/*
Theme Name: TOMI CREA Premium
Theme URI: https://tomicrea.cl
Author: TOMI CREA
Author URI: https://tomicrea.cl
Description: Block theme (Full Site Editing) premium para TOMI CREA, marca chilena de productos personalizados y diseños propios. Sobrio, elegante y editable por completo desde el editor del sitio de WordPress. Compatible con WooCommerce en modo catálogo de cotización. Sin page builders ni dependencias externas.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tomicrea-premium
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, featured-images, translation-ready, wide-blocks, e-commerce
*/

/* ---------------------------------------------------------------------------
   TOMI CREA Premium - estilos base
   ---------------------------------------------------------------------------
   La mayor parte del diseno vive en theme.json (colores, tipografia, botones,
   espaciado). Este archivo solo contiene reglas globales que theme.json no
   cubre bien: accesibilidad, foco visible y preferencias de movimiento.
   --------------------------------------------------------------------------- */

/* Renderizado de tipografia mas nitido en pantallas modernas. */
html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Foco visible para navegacion por teclado. Nunca se oculta el indicador de
   foco (requisito de accesibilidad). El color usa el acento premium del tema. */
:where(a, button, input, select, textarea, summary, .wp-block-button__link, .wp-block-navigation-item__content):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, #B8784E);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Respeta la preferencia del sistema operativo de reducir el movimiento. */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}