/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */

@import 'mixins.scss';

$width-breakpoint-xl: 1690px;
$width-breakpoint-lg: 1200px;
$width-breakpoint-md: 992px;
$width-breakpoint-sm: 768px;
$width-breakpoint-xs: 576px;
$width-breakpoint-xxs: 320px;

/* IMPORT_PT: update these as the project sees fit */
$spacing-xxl: between(32px, 60px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-xl: between(20px, 40px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-l: between(16px, 32px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-m: between(12px, 20px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-s: between(8px, 16px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-xs: between(4px, 8px, $width-breakpoint-xxs, $width-breakpoint-xl);
$spacing-xxs: between(0, 4px, $width-breakpoint-xxs, $width-breakpoint-xl);

$space-1: 4px;
$space-2: 8px;
$space-3: 12px;
$space-4: 16px;
$space-5: 20px;
$space-6: 24px;
$space-7: 28px;
$space-8: 36px;

$border-radius-1: 2px;
$border-radius-2: 4px;
$border-radius-3: 6px;
$border-radius-4: 8px;
$border-radius-5: 10px;
$border-radius-round: 50%;

$z-index-default: 0;
$z-index-bottom: 1;
$z-index-middle: 2;
$z-index-top: 3;

/* stylelint-disable */
:export {
  borderRadius1: $border-radius-1;
  borderRadius2: $border-radius-2;
  borderRadius3: $border-radius-3;
  borderRadius4: $border-radius-4;
  borderRadius5: $border-radius-5;
  borderRadiusRound: $border-radius-round;
  space1: $space-1;
  space2: $space-2;
  space3: $space-3;
  space4: $space-4;
  space5: $space-5;
  space6: $space-6;
  space7: $space-7;
  space8: $space-8;
  _spacingLg: '16px-32px';
  _spacingMd: '12px-20px';
  _spacingSm: '8px-16px';
  _spacingXL: '20px-40px';
  _spacingXS: '4px-8px';
  _spacingXXL: '32px-60px';
  _spacingXXS: '0px-4px';
  spacingLg: $spacing-l;
  spacingMd: $spacing-m;
  spacingSm: $spacing-s;
  spacingXL: $spacing-xl;
  spacingXS: $spacing-xs;
  spacingXXL: $spacing-xxl;
  spacingXXS: $spacing-xxs;
  widthBreakpointLg: $width-breakpoint-lg;
  widthBreakpointMd: $width-breakpoint-md;
  widthBreakpointSm: $width-breakpoint-sm;
  widthBreakpointXL: $width-breakpoint-xl;
  widthBreakpointXS: $width-breakpoint-xs;
  widthBreakpointXXS: $width-breakpoint-xxs;
  zIndexDefault: $z-index-default;
  zIndexBottom: $z-index-bottom;
  zIndexMiddle: $z-index-middle;
  zIndexTop: $z-index-top;
}
/* stylelint-enable */