/* themes/_shared/tokens-base.css
 * Tokens compartidos por TODOS los temas: spacing 8pt, radii, motion.
 * Lo que es identidad visual (color, tipografía, etc.) vive en themes/<slug>/tokens.css.
 *
 * Regla CLAUDE.md §6: scopeados al container del plugin, NUNCA en :root.
 */

.lcl-container {
  /* Spacing (grid 8pt). Múltiplos de 4/8 siempre. */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms;
  --dur-mid:  260ms;
  --dur-slow: 420ms;

  /* Containers de ancho */
  --container-narrow: 720px;
  --container-base:   1080px;
  --container-wide:   1280px;
}