@layer base {
    html,
    body,
    #app {
        min-height: 100%;
    }

    body {
        color: var(--oc-color-text);
        background:
            linear-gradient(180deg, rgb(15 23 42 / 2%), rgb(15 23 42 / 0%)), var(--oc-color-canvas);
        font-family: var(--oc-font-sans);
    }

    ::selection {
        background: var(--oc-color-selection);
    }
}

@layer utilities {
    /* The atlas language is square by default. Documented exceptions may opt out. */
    [class~='rounded'],
    [class*='rounded-'] {
        border-radius: 0 !important;
    }
}