* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 
 * 011-ui-css-base.mdc Regel 001
 * Dark Mode – Expertday Konferenz-Optik (briefing/brand-design.md)
 */
html {
    background-color: var(--color-background);
    color-scheme: dark;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

html:has(body[data-domain-color-scheme="light"]) {
    color-scheme: light;
}

body {
    background-color: var(--color-background);
    background-image:
        linear-gradient(rgba(243, 147, 36, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(243, 147, 36, 0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    color: var(--color-text);
    color-scheme: dark;
    font-family: var(--font-family-primary);
    line-height: var(--line-height-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
}

body[data-domain-color-scheme="light"] {
    color-scheme: light;
}

/* Basic Layout Area Config */
.base-layout-main-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: transparent;
}

.base-layout-content-area {
    flex: 1 0 auto;
}