@forward 'common/fonts';
@forward 'common/reset';
@use 'mixins/index.mixin';
@forward 'mixins/index.mixin';
@forward 'common/variables';
@forward 'common/typography';
@include index.indentation-creator-list(margin);
@include index.indentation-creator-list(padding);

:root {
    --ion-font-family: 'Inter';
    --ion-default-font: var(--ion-font-family);
    --ion-dynamic-font: var(--ion-font-family);
}

*,
html,
body,
#app {
    font-family: var(--ion-font-family), sans-serif;
}

button,
a,
input,
textarea,
li {
    -webkit-tap-highlight-color: transparent;
}

.w-100 {
    width: 100%;
}

.Vue-Toastification__toast {
    margin-bottom: 0;

    &-body {
        font-size: 14px;
    }
}
