/*
 * Valores por defecto del design system. El módulo Design Manager del
 * plugin (Fase 9) los sobreescribe con un bloque inline en <head> según
 * lo que configure Ricardo — cuando se construya ese módulo, su salida
 * debe hookear wp_head en una prioridad TARDÍA (ej. 100) para imprimirse
 * DESPUÉS de este archivo encolado y así ganar la cascada CSS.
 */
:root {
	/* Colores */
	--rbl-primary:        #2563eb;
	--rbl-primary-dark:   #1d4ed8;
	--rbl-primary-light:  #dbeafe;
	--rbl-secondary:      #7c3aed;
	--rbl-accent:         #f59e0b;
	--rbl-text:           #1e293b;
	--rbl-text-muted:     #64748b;
	--rbl-bg:             #ffffff;
	--rbl-bg-alt:         #f8fafc;
	--rbl-border:         #e2e8f0;
	--rbl-success:        #22c55e;
	--rbl-error:          #ef4444;
	--rbl-warning:        #f59e0b;

	/* Tipografía */
	--rbl-font-heading:   'Inter', sans-serif;
	--rbl-font-body:      'Inter', sans-serif;
	--rbl-font-mono:      'JetBrains Mono', monospace;
	--rbl-size-xs:        0.75rem;
	--rbl-size-sm:        0.875rem;
	--rbl-size-base:      1rem;
	--rbl-size-lg:        1.125rem;
	--rbl-size-xl:        1.25rem;
	--rbl-size-2xl:       1.5rem;
	--rbl-size-3xl:       1.875rem;
	--rbl-size-4xl:       2.25rem;
	--rbl-weight-normal:  400;
	--rbl-weight-medium:  500;
	--rbl-weight-bold:    700;

	/* Espaciado */
	--rbl-space-xs:       0.25rem;
	--rbl-space-sm:       0.5rem;
	--rbl-space-md:       1rem;
	--rbl-space-lg:       1.5rem;
	--rbl-space-xl:       2rem;
	--rbl-space-2xl:      3rem;
	--rbl-space-3xl:      4rem;

	/* Layout */
	--rbl-container:      1280px;
	--rbl-container-sm:   768px;
	--rbl-radius-sm:      4px;
	--rbl-radius:         8px;
	--rbl-radius-lg:      16px;
	--rbl-radius-full:    9999px;

	/* Sombras */
	--rbl-shadow-sm:      0 1px 2px rgba(0,0,0,.05);
	--rbl-shadow:         0 4px 6px rgba(0,0,0,.07);
	--rbl-shadow-lg:      0 10px 25px rgba(0,0,0,.1);

	/* Transiciones */
	--rbl-transition:     150ms ease;
	--rbl-transition-md:  250ms ease;
}
