/* Explain: Base reset and typography defaults with accent and primary color utility classes. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.text-accent {
    color: var(--accent-color);
}
.bg-accent {
    background-color: var(--accent-color);
}
.bg-primary {
    background-color: var(--primary-color);
}

.floating-action-button {
    transition: opacity 180ms ease, transform 300ms ease, background-color 300ms ease;
}

body.floating-buttons-scrolling .floating-action-button {
    opacity: 0.48;
}