/*
Theme Name: Jojismi
Theme URI: https://jojismi.com
Author: Jojismi
Author URI: https://jojismi.com
Description: Theme personalizado, modular y escalable para el catálogo de bisutería artesanal "Jojismi — Hecho con el corazón". Catálogo público con búsqueda y filtros AJAX, favoritos, contacto por WhatsApp y un módulo administrativo de captura desde celular con análisis por inteligencia artificial.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joismi
Tags: catalog, custom-post-type, responsive, ecommerce, artisan
*/

/*
  El estilo real del theme vive en /assets/css/ (modular).
  Este archivo solo declara la cabecera del theme y los tokens de marca
  para que estén disponibles incluso si el CSS modular no cargara.
*/

:root {
	/* ---- Paleta de marca Jojismi (extraída del logotipo) ---- */
	--jojismi-pink: #f6539a;
	--jojismi-pink-deep: #e23d86;
	--jojismi-pink-soft: #fde4f0;
	--jojismi-aqua: #72d9db;
	--jojismi-aqua-deep: #3fb9bc;
	--jojismi-mint: #baf4ec;
	--jojismi-mint-soft: #e9fbf7;
	--jojismi-white: #fffdfd;
	--jojismi-cream: #fdfbfa;
	--jojismi-text: #282828;
	--jojismi-text-soft: #6b6b6b;
	--jojismi-soft-gray: #f6f6f6;
	--jojismi-border: #ececec;
	--jojismi-black-soft: #1d1d1f;

	/* ---- Roles semánticos ---- */
	--jj-bg: var(--jojismi-white);
	--jj-surface: #ffffff;
	--jj-ink: var(--jojismi-text);
	--jj-ink-muted: var(--jojismi-text-soft);
	--jj-accent: var(--jojismi-pink);
	--jj-accent-2: var(--jojismi-aqua-deep);
	--jj-line: var(--jojismi-border);

	/* ---- Tipografía ---- */
	--jj-font-head: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;
	--jj-font-ui: "Poppins", "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;

	/* ---- Espaciado / radios / sombras ---- */
	--jj-radius: 14px;
	--jj-radius-sm: 10px;
	--jj-radius-lg: 22px;
	--jj-shadow: 0 6px 24px rgba(40, 40, 40, 0.06);
	--jj-shadow-hover: 0 14px 40px rgba(226, 61, 134, 0.12);
	--jj-maxw: 1240px;
	--jj-gap: clamp(1rem, 2vw, 1.75rem);

	/* ---- Transiciones ---- */
	--jj-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}