:root{
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
--container: 1200px;
--section-pad: var(--sp-9); /* padding vertical de secciones */
/* Radios — geometría sobria, esquinas contenidas */
--radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 999px;
/* Sombras — ligeras, nunca pesadas */
--shadow-card: 0 1px 3px rgba(16,24,40,.06), 0 4px 12px rgba(16,24,40,.06);
--shadow-card-hover: 0 4px 8px rgba(1,55,128,.08), 0 12px 28px rgba(1,55,128,.12);
--shadow-nav: 0 1px 0 rgba(16,24,40,.06), 0 2px 12px rgba(16,24,40,.05);
/* Movimiento — discreto y elegante */
--ease-out: cubic-bezier(.22,.61,.36,1); /* @kind other */
--dur-fast: 150ms; /* @kind other */ --dur-med: 300ms; /* @kind other */ --dur-reveal: 600ms; /* @kind other */
}