/*
 * TimeSpy – base
 * Teil der aufgeteilten timespy.css (siehe base.css für Variablen).
 * Reihenfolge der <link>-Tags in layout.php/login.php ist wichtig
 * und entspricht exakt der ursprünglichen Reihenfolge in dieser Datei.
 */

:root {
    --bg: #f5f5f7;
    --bg-elevated: rgba(255, 255, 255, 0.72);
    --bg-solid: #ffffff;

    --surface: rgba(255, 255, 255, 0.68);
    --surface-hover: rgba(255, 255, 255, 0.90);

    --text: #171717;
    --text-secondary: #626262;
    --text-muted: #8a8a8a;

    --border: rgba(0, 0, 0, 0.075);
    --border-strong: rgba(0, 0, 0, 0.13);

    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-soft: rgba(37, 99, 235, 0.10);

    --success: #16a34a;
    --warning: #d97706;
    --danger: #dc2626;

    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    --shadow-sm:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 2px 8px rgba(0, 0, 0, 0.025);

    --shadow-md:
        0 10px 30px rgba(0, 0, 0, 0.07);

    --shadow-lg:
        0 24px 60px rgba(0, 0, 0, 0.12);

    --sidebar-width: 260px;
    --topbar-height: 72px;

    --transition: 160ms cubic-bezier(.2, .8, .2, 1);
}

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

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;

    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;

    font-family:
        "Segoe UI Variable",
        "Segoe UI",
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;

    color: var(--text);

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(96, 165, 250, 0.16),
            transparent 28rem
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(167, 139, 250, 0.13),
            transparent 30rem
        ),
        var(--bg);
}

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