@use './tokens.variables' as variables;

/* -------------------------------
    Global spacing variables
--------------------------------- */

// These pixel values are based on a based rem value of 16px

$spacing-0: variables.$ontario-spacing-0;
$spacing-1: variables.$ontario-spacing-1; // 4px
$spacing-2: variables.$ontario-spacing-2; // 8px
$spacing-3: variables.$ontario-spacing-3; // 12px
$spacing-4: variables.$ontario-spacing-4; // 16px
$spacing-5: variables.$ontario-spacing-5; // 24px
$spacing-6: variables.$ontario-spacing-6; // 32px
$spacing-7: variables.$ontario-spacing-7; // 40px
$spacing-8: variables.$ontario-spacing-8; // 48px
$spacing-9: variables.$ontario-spacing-9; // 64px
$spacing-10: variables.$ontario-spacing-10; // 80px