/**
 * Linguared — Design Tokens (LR-012)
 * Fuente ÚNICA de verdad de colores, tipografía, radios, espaciados y sombras.
 * Valores derivados de la paleta real ya usada en el producto (por frecuencia).
 * Consumir vía var(--lr-*) en los shortcodes/módulos (LR-013+). No hardcodear hex.
 */

:root {
	/* ---- Marca / coral (primario) ---- */
	--lr-coral:        #FF6B4A;
	--lr-coral-dark:   #E0492A; /* hover / texto sobre soft */
	--lr-coral-soft:   #FFF0E6; /* fondos suaves, chips */
	--lr-coral-100:    #FFE6DC;
	--lr-coral-200:    #FFD9CC;
	--lr-amber:        #FFB36B; /* pareja del gradiente coral */

	/* ---- Tinta / texto ---- */
	--lr-ink:          #1B1726; /* texto principal */
	--lr-ink-2:        #5C5872; /* texto secundario */
	--lr-muted:        #8C88A6; /* texto atenuado */
	--lr-muted-2:      #B5AFC0; /* placeholders / bordes de texto */

	/* ---- Superficies ---- */
	--lr-cream:        #FFF6EE; /* fondo de página */
	--lr-white:        #FFFFFF;
	--lr-off:          #FBFAFC; /* superficie levemente teñida */
	--lr-off-warm:     #FFFBF8;

	/* ---- Profesor / morado ---- */
	--lr-purple:       #7C5CFF;
	--lr-purple-dark:  #6B47E6;
	--lr-purple-soft:  #EFE8FF;
	--lr-purple-200:   #9D86FF;
	--lr-purple-300:   #B39BFF;

	/* ---- Éxito / verde ---- */
	--lr-green:        #1E9C63;
	--lr-green-bright: #2FD18C;
	--lr-green-soft:   #DFF6EC;
	--lr-green-soft-2: #EAF7EE;

	/* ---- Bordes / líneas (sobre tinta) ---- */
	--lr-border:       rgba(27, 23, 38, .10);
	--lr-border-soft:  rgba(27, 23, 38, .08);
	--lr-border-hair:  rgba(27, 23, 38, .06);

	/* ---- Gradientes ---- */
	--lr-grad-coral:   linear-gradient(135deg, #FF6B4A, #FFB36B);
	--lr-grad-teacher: linear-gradient(135deg, #7C5CFF, #9D86FF);

	/* ---- Tipografía ---- */
	--lr-font-body:    'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--lr-font-display: 'Bricolage Grotesque', 'Space Grotesk', sans-serif;

	/* ---- Radios ---- */
	--lr-r-xs:   8px;
	--lr-r-sm:   10px;
	--lr-r-md:   14px;
	--lr-r-lg:   18px;
	--lr-r-xl:   22px;
	--lr-r-pill: 999px;

	/* ---- Espaciado (escala 4px) ---- */
	--lr-sp-1:  4px;
	--lr-sp-2:  8px;
	--lr-sp-3:  12px;
	--lr-sp-4:  16px;
	--lr-sp-5:  20px;
	--lr-sp-6:  24px;
	--lr-sp-8:  32px;
	--lr-sp-10: 40px;

	/* ---- Sombras ---- */
	--lr-shadow-sm: 0 8px 20px -12px rgba(27, 23, 38, .40);
	--lr-shadow-md: 0 12px 26px -16px rgba(27, 23, 38, .50);
	--lr-shadow-lg: 0 26px 54px -22px rgba(27, 23, 38, .40);
}