.text-brand {
  color: $brand !important;
}
  
.bg-brand {
  background: $brand !important;
}

$base-width: 100;
@while $base-width > 0 {
   .w#{$base-width} { width: #{$base-width}+'%'; }
   $base-width: $base-width - 10;
}

body, html, #q-app {
  font-family: $typography-font-family;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  font-family: inherit;
}

:root {
  --body-width: 1240px;
  --logo-color-bg-white: grey;
  --base-radius: 24px;
}

.main-content {
  max-width: var(--body-width) !important;
  margin: 0 auto;
}

.rounded-card {
  border-radius: var(--base-radius);
}

@font-face {
  font-family: 'myFont';
  src: url(./fonts/Inter-Regular.woff2);
}