/* Definiert globale Variablen für Farben für einfache Wartung */
:root {
    --main-bg-color: #030c1a; /* Dunkelblau/Schwarz */
    --text-color: #c9d1d9;    /* Helles Grau/Weiß */
    --accent-color-gold: #d4af37;
    --shadow-color-gold: rgba(212, 175, 55, 0.6);
    --glass-bg-color: rgba(22, 27, 34, 0.6);
    --glass-border-color: rgba(255, 255, 255, 0.1);
}

body {
    background-color: var(--main-bg-color);
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    margin: 0;
}

/* Pulsierender grüner Punkt für das Logo */
.pulsating-dot {
    width: 14px;
    height: 14px;
    background-color: #28a745; /* Grün */
    border-radius: 50%;
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(40, 167, 69, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}