/**
 * Tokens de diseno del theme.
 *
 * UNICO archivo donde puede aparecer el literal del color de acento
 * (ADR-0003). Cualquier otro archivo CSS debe usar var(--psc-accent).
 */

:root {
	/* --- Marca --- */
	--psc-accent: #FC5D19;
	--psc-ink: #0A0A0A;
	--psc-surface: #FFFFFF;

	/* Derivados del acento: se recalculan solos si el acento cambia. */
	--psc-accent-strong: color-mix(in oklab, var(--psc-accent) 85%, #000);
	--psc-accent-soft: color-mix(in oklab, var(--psc-accent) 10%, var(--psc-surface));
	--psc-accent-border: color-mix(in oklab, var(--psc-accent) 30%, var(--psc-surface));

	/* --- Neutros --- */
	--psc-neutral-100: #F5F5F5;
	--psc-neutral-200: #E5E5E5;
	--psc-neutral-300: #D4D4D4;
	--psc-neutral-500: #737373;
	--psc-neutral-900: #171717;

	/* --- Tipografia --- */
	--psc-font-heading: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--psc-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Escala tipografica de razon 1,25 (third-perfect). */
	--psc-text-sm: 0.875rem;
	--psc-text-base: 1rem;
	--psc-text-md: 1.25rem;
	--psc-text-lg: 1.563rem;
	--psc-text-xl: 1.953rem;
	--psc-text-2xl: 2.441rem;
	--psc-text-3xl: 3.052rem;

	/* --- Espaciado (base 4px) --- */
	--psc-space-1: 0.25rem;
	--psc-space-2: 0.5rem;
	--psc-space-3: 0.75rem;
	--psc-space-4: 1rem;
	--psc-space-6: 1.5rem;
	--psc-space-8: 2rem;
	--psc-space-12: 3rem;
	--psc-space-16: 4rem;
	--psc-space-20: 5rem;
	--psc-space-24: 6rem;

	/* --- Forma --- */
	--psc-radius-sm: 8px;
	--psc-radius-md: 12px;
	--psc-radius-pill: 999px;

	/* --- Elevation --- */
	--psc-shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.06), 0 1px 3px rgba(10, 10, 10, 0.1);
	--psc-shadow-md: 0 4px 6px -1px rgba(10, 10, 10, 0.07), 0 10px 15px -3px rgba(10, 10, 10, 0.1);

	/* --- Movimiento --- */
	--psc-transition: 200ms ease;
	--psc-transition-slow: 300ms ease;
}