/*
============================================================
Dateipfad: frontend/static/css/app.css
Abhängigkeiten:
- frontend/static/css/tokens.css
- frontend/static/css/layout.css
- frontend/static/css/components.css
- frontend/static/css/utilities.css
- frontend/static/css/pages.css
Funktionsbeschreibung:
Zentrale CSS-Einstiegsdatei für MK TimeSuite 2.0.
Bindet das komplette Designsystem an einer Stelle ein und setzt
globale Grundregeln für Lesbarkeit, Kontrast und einheitliche
Darstellung der Anwendung.
============================================================
*/

@import url("./tokens.css");
@import url("./layout.css");
@import url("./components.css");
@import url("./utilities.css");
@import url("./pages.css");

html {
    font-size: 16px;
}

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

body {
    margin: 0;
    font-family: var(--font-family-base);
    color: var(--color-text);
    background: var(--color-background);
    line-height: 1.5;
}

a {
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
}

p,
li,
span,
label,
small,
strong,
td,
th,
div {
    color: inherit;
}