/**
 * Tokens compartidos — formularios Sarra (wizard dark mode)
 */
:root {
	--font-sans: "Barlow", system-ui, sans-serif;

	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.375rem;
	--text-2xl: 1.625rem;

	--leading-tight: 1.25;
	--leading-normal: 1.5;
	--leading-relaxed: 1.6;

	--color-bg: #090909;
	--color-bg-elevated: #111111;
	--color-surface: #171717;
	--color-surface-hover: #262626;
	--color-border: rgba(255, 255, 255, 0.08);
	--color-border-strong: rgba(255, 255, 255, 0.14);

	--color-text: #fafafa;
	--color-text-muted: #a3a3a3;
	--color-text-subtle: #737373;

	--color-accent: #f97316;
	--color-accent-hover: #fb923c;
	--color-accent-muted: rgba(249, 115, 22, 0.15);
	--color-accent-glow: rgba(249, 115, 22, 0.35);
	--color-accent-gradient: linear-gradient(90deg, #ff6127 0%, #ff8a3d 100%);

	--color-success: #4ade80;
	--color-warning: #fbbf24;
	--color-error: #f87171;
	--color-error-muted: rgba(248, 113, 113, 0.12);

	--text: var(--color-text);
	--muted: var(--color-text-muted);
	--surface-0: #0a0a0a;
	--surface-1: #121212;
	--surface-2: #1a1a1a;
	--border: #2e2e2e;
	--border-soft: rgba(255, 255, 255, 0.18);

	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 18px;

	--shadow: 0 20px 44px rgba(0, 0, 0, 0.52);
	--shadow-soft: 0 12px 48px rgba(0, 0, 0, 0.45);

	--space-xs: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;

	--wizard-max-mobile: 430px;
	--wizard-max-desktop: 720px;
	--step-safe-bottom: max(12px, env(safe-area-inset-bottom));
	--touch-target: 44px;
}