* {
    margin: 0;
  }

  
.has-bg-primary{
    background: var(--base-color-primary);
}
.has-bg-secondary{
    background: var(--base-color-secondary);
}

.has-bg-blue{
    background: var(--base-color-blue);
}

/* Black and white */
.has-bg-white{
    background: var(--base-color-white);
}
.has-bg-dark{
    background: var(--base-color-dark);
}

/* Color gray */
.has-bg-gray{
    background: var(--base-color-gray);
}
.has-bg-gray-light{
    background: var(--base-color-gray-light);
}
.has-bg-gray-dark{
    background: var(--base-color-gray-dark);
}


/*Border radius*/
.has-br-small{
    border-radius: var(--base-rounded-small);
}
.has-br-medium{
    border-radius: var(--base-rounded-medium);
}
.has-br-large{
    border-radius: var(--base-rounded-large);
}