/* Copyright: Ankitects Pty Ltd and contributors
 * License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */

@use "sass/root-vars";
@use "sass/scrollbar";
@use "sass/buttons";

* {
    // border-box would be better, but we need to
    // keep the old behaviour for now to avoid breaking
    // add-ons/card templates
    box-sizing: content-box;
}

body {
    color: var(--fg);
    background: var(--canvas);
    transition: opacity var(--transition-medium) ease-out;
    margin: 2em;
    overscroll-behavior: none;
    &:not(.isMac),
    &:not(.isMac) * {
        @include scrollbar.custom;
    }
    &.reduce-motion,
    &.reduce-motion *:not(.no-reduce-motion) {
        transition: none !important;
        animation: none !important;
    }
    &.no-blur * {
        backdrop-filter: none !important;
    }
    &:not(.fancy),
    &:not(.fancy) * {
        box-shadow: none !important;
        backdrop-filter: none !important;
    }
}

a {
    color: var(--fg-link);
    text-decoration: none;
}

h1 {
    margin-bottom: 0.2em;
}