/**
 * 🎨 Design Tokens
 * Zentrale Variablen für das gesamte Projekt
 */
:root {
    /* Farben */
    --grid-line: rgba(0, 0, 0, 0.5);
    --text-color: #ffffff;
    --bg-color: #020408;
    --trenner-titel-color: #00ffcc;
    
    /* Grid-System */
    --grid-gap: 1px;
    --min-col-width: 8rem;
    
    /* Opazität */
    --trenner-text-opacity: 0.9;
    
    /* ═══ Layout-Höhen (Responsive) ═══ */
    --header-height: 80px;
    --toolbar-height: 100px;
    
    /* Mobile Overrides */
    --header-height-mobile: 60px;
    --toolbar-height-mobile: 50px;
}

/* ═══ Responsive Overrides ═══ */
@media (max-width: 768px) {
    :root {
        --header-height: var(--header-height-mobile);
        --toolbar-height: var(--toolbar-height-mobile);
    }
}