/* =================================================================
   BASE.CSS
   Design-Tokens (Farben, Fonts) + Reset + Basics, die auf
   index.html UND admin.html gelten.
   ================================================================= */

:root {
    --bg: #0d1117;
    --surface: #161b22;
    --surface-2: #1c232c;
    --border: #2b3340;
    --text: #e6e6e6;
    --text-muted: #8b949e;

    --accent: #7ee787;   /* grün: primär, "erfolgreicher build" */
    --accent-2: #58a6ff;  /* blau: sekundär, links/info */
    --danger: #ff6b6b;

    --font-display: "Archivo Black", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;
    --font-body: "Inter", sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    display: block;
}

button {
    font-family: inherit;
}

[hidden] {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}