/* base.css – Grundlayout & Variablen */

:root {
    --color-bg-gradient-start: #0f172a;
    --color-bg-gradient-end:   #1e293b;

    --color-text-primary: #e5e7eb;
    --color-text-muted:   #9ca3af;

    --color-surface:          rgba(15, 23, 42, 0.9);
    --color-border-subtle:    rgba(148, 163, 184, 0.4);

    --color-badge-success-bg:     rgba(34, 197, 94, 0.1);
    --color-badge-success-border: rgba(34, 197, 94, 0.6);
    --color-badge-success-text:   #bbf7d0;

    --color-link-primary: #dddddd;
}

/* einfache Box-Sizing-Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--color-text-primary);
    background: linear-gradient(
            135deg,
            var(--color-bg-gradient-start),
            var(--color-bg-gradient-end)
    );
}

/* zentrierte Layout-Variante (z. B. für Landing, Login, Wartung) */
.layout-centered {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* generischer Wrapper zur Begrenzung der Breite */
.page-wrapper {
    width: 100%;
    max-width: 900px;
    padding: 1.5rem;
}