/* tokens/spacing.tokens.css */
/* ACCLINK Enterprise Design System v1.0 */
/* 8px Grid Spacing Tokens */

:root {
    /* Base Grid (8px based) */
    --spacing-1: 4px;   /* 0.25rem */
    --spacing-2: 8px;   /* 0.5rem */
    --spacing-3: 12px;  /* 0.75rem */
    --spacing-4: 16px;  /* 1rem */
    --spacing-5: 24px;  /* 1.5rem */
    --spacing-6: 32px;  /* 2rem */
    --spacing-7: 40px;  /* 2.5rem */
    --spacing-8: 48px;  /* 3rem */
    --spacing-10: 64px; /* 4rem */
    
    /* Semantic Aliases */
    --space-xs:  var(--spacing-1);
    --space-sm:  var(--spacing-2);
    --space-md:  var(--spacing-4);
    --space-lg:  var(--spacing-5);
    --space-xl:  var(--spacing-6);
    --space-2xl: var(--spacing-8);
}