/* Spark Spacing Tokens - Unified Spacing System */
/* 
 * This file defines a consistent spacing scale based on the Spark design system.
 * All components should use these tokens instead of hard-coded pixel values.
 * 
 * Scale: 2px, 4px, 8px, 12px, 16px, 24px, 32px
 * These values work in both light and dark modes.
 */

:root {
  /* Core spacing tokens */
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  
  /* Semantic spacing tokens for common use cases */
  --space-chip-vertical: var(--space-4);
  --space-chip-horizontal: var(--space-8);
  --space-card-padding: var(--space-16);
  --space-section-gap: var(--space-24);
  --space-panel-padding: var(--space-12);
  --space-element-gap-small: var(--space-8);
  --space-element-gap-medium: var(--space-12);
  --space-element-gap-large: var(--space-16);
}