/* ==========================================================================
   AURELYA · Design tokens
   Fuente: DESIGN.md ("Geometric Boutique").
   Cada token apunta a un Global Color / Global Font de Elementor. El valor
   literal es solo el fallback si Elementor no está activo.
   ========================================================================== */
:root {
	/* Colores de marca */
	--au-teal:            var(--e-global-color-primary, #006565);
	--au-teal-container:  var(--e-global-color-teal_container, #008080);
	--au-teal-dark:       var(--e-global-color-teal_dark, #004f4f);
	--au-teal-tint:       var(--e-global-color-teal_tint, #e3fffe);
	--au-blush:           var(--e-global-color-secondary, #ffb6c1);
	--au-blush-dark:      var(--e-global-color-blush_dark, #874e58);
	--au-blush-tint:      var(--e-global-color-blush_tint, #ffd9de);
	--au-copper:          var(--e-global-color-accent, #b87333);
	--au-copper-dark:     var(--e-global-color-copper_dark, #a46324);
	--au-copper-tint:     var(--e-global-color-copper_tint, #ffdcc2);

	/* Superficies */
	--au-surface:           var(--e-global-color-surface, #faf9f9);
	--au-surface-low:       var(--e-global-color-surface_low, #f4f3f3);
	--au-surface-container: var(--e-global-color-surface_container, #eeeeee);
	--au-surface-high:      var(--e-global-color-surface_high, #e8e8e8);
	--au-surface-highest:   var(--e-global-color-surface_highest, #e2e2e2);
	--au-white:             var(--e-global-color-white, #ffffff);
	--au-inverse-surface:   var(--e-global-color-inverse_surface, #2f3131);

	/* Texto y líneas */
	--au-on-surface:         var(--e-global-color-text, #1a1c1c);
	--au-on-surface-variant: var(--e-global-color-on_surface_variant, #3e4949);
	--au-outline:            var(--e-global-color-outline, #6e7979);
	--au-outline-variant:    var(--e-global-color-outline_variant, #bdc9c8);
	--au-light-gray:         var(--e-global-color-light_gray, #d3d3d3);
	--au-error:              var(--e-global-color-error, #ba1a1a);
	--au-error-container:    var(--e-global-color-error_container, #ffdad6);

	/* Tipografía (familias) */
	--au-font-headline: var(--e-global-typography-primary-font-family, "Montserrat"), sans-serif;
	--au-font-body:     var(--e-global-typography-text-font-family, "Hanken Grotesk"), sans-serif;

	/* Layout */
	--au-unit: 8px;
	--au-container-max: 1200px;
	--au-gutter: 24px;
	--au-margin: 40px;
	--au-section-gap: 80px;
	--au-radius: 0px;
	--au-border: 1px solid var(--au-light-gray);
	--au-border-copper: 1px solid var(--au-copper);
	--au-shadow-hover: 0 10px 30px rgba(184, 115, 51, 0.08);
	--au-transition: 180ms ease;
}

@media (max-width: 767px) {
	:root {
		--au-margin: 16px;
		--au-section-gap: 56px;
	}
}