/* ========================================
   GLOBAL STYLE DEFINITIONS WITH IMPORTS
   ======================================== */

@import 'css/primitives.css';
@import 'css/theme.css';
@import 'css/typography.css';
@import 'css/layout.css';
@import 'css/blazor.css';
@import 'css/domain.css';

html, body {
    /* Base font size for REM calculations */
    font-size: 16px;
    font-family: var(--font-primary);
    background: var(--surface-app-container);
}

body {
    margin: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}