:root {
  --root-border-radius: 8px;
  --root-padding: 16px;
}

:root {
  --break-points-xs: 0px;
  --break-points-sm: 600px;
  --break-points-md: 900px;
  --break-points-lg: 1200px;
  --break-points-xl: 1536px;
}

:root {
  --box-shadow-xxs: 0px 20px 25px -5px rgba(0, 0, 0, 0.05);
  --box-shadow-xs: 0px 7px 8px rgba(0, 0, 0, 0.08);
  --box-shadow-sm: 0px 6px 12px rgba(0, 0, 0, 0.11);
  --box-shadow-md: 0px 9px 18px rgba(0, 0, 0, 0.15);
  --box-shadow-lg: 0px 13px 37px rgba(0, 0, 0, 0.21);
  --box-shadow-xl: 0px 20px 56px rgba(0, 0, 0, 0.29);
}

:root {
  --zindex-sticky: 1000;
  --zindex-fixed: 1100;
  --zindex-drawer: 1200;
  --zindex-modal: 1300;
  --zindex-dialog: 1400;
  --zindex-snackbar: 1500;
  --zindex-backdrop: 1600;
  --zindex-popover: 1700;
  --zindex-tooltip: 1800;
}

:root {
  --fontFamily: "Nunito", sans-serif;
}

:root {
  --weight-thin: 200;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi-bold: 600;
  --weight-bold: 700;
  --weight-extra-bold: 800;
}

:root {
  --spacing-0: 0;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-22: 22px;
  --spacing-24: 24px;
  --spacing-26: 26px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-112: 112px;
  --spacing-128: 128px;
  --spacing-144: 144px;
  --spacing-160: 160px;
}

:root {
  --disabled-opacity: 0.4;
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinner {
  -moz-appearance: textfield;
}