/**
 * Variables de diseño de Bloomy Spa.
 *
 * IMPORTANTE — Punto de integración con el futuro sistema de diseño:
 * Cuando Claude Design genere la identidad visual definitiva de Bloomy
 * (paleta, tipografía, radios, sombras), esos valores deben reemplazar
 * ÚNICAMENTE las variables de este archivo. Ningún otro archivo CSS o
 * PHP debe tocarse: admin.css y todas las vistas consumen SOLO estas
 * variables, nunca colores o tamaños "hardcodeados".
 *
 * Mientras tanto, se usa una paleta neutra provisional inspirada en
 * "spa boutique premium" (tonos rosados suaves + acento oscuro).
 */

:root {
	/* Colores de marca (PLACEHOLDER — reemplazar con la paleta final) */
	--bloomy-color-primary: #C98A9E;
	--bloomy-color-primary-dark: #A9647B;
	--bloomy-color-secondary: #F6E9EC;
	--bloomy-color-acento: #2E2A2B;

	/* Estados de citas */
	--bloomy-color-pendiente: #E8A33D;
	--bloomy-color-confirmada: #3D8BE8;
	--bloomy-color-completada: #3DA55C;
	--bloomy-color-cancelada: #999999;
	--bloomy-color-no-show: #D14343;

	/* Superficie y texto */
	--bloomy-color-fondo: #FFFFFF;
	--bloomy-color-fondo-alterno: #FAF7F8;
	--bloomy-color-texto: #2E2A2B;
	--bloomy-color-texto-suave: #6B6668;
	--bloomy-color-borde: #E8E1E3;

	/* Tipografía (PLACEHOLDER — reemplazar por la tipografía de marca) */
	--bloomy-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--bloomy-font-size-base: 14px;
	--bloomy-font-size-titulo: 22px;
	--bloomy-font-size-metrica: 28px;

	/* Espaciado y forma */
	--bloomy-radio: 8px;
	--bloomy-radio-pill: 999px;
	--bloomy-sombra: 0 1px 3px rgba(0,0,0,0.08);
	--bloomy-espaciado-sm: 8px;
	--bloomy-espaciado-md: 16px;
	--bloomy-espaciado-lg: 24px;
}