:root {
    /* Farbpalette (Dunkelblau/Anthrazit aus HubIdee.png) */
    --bg-main: #0b111e;         /* Der ganz dunkle Hintergrund rechts */
    --bg-sidebar: #0f172a;      /* Die etwas hellere Sidebar links */
    --bg-card: #151f32;         /* Hintergrund der Kacheln */
    --bg-card-hover: #1e293b;   /* Hover-Effekt für Kacheln/Menüs */
    
    /* Textfarben */
    --text-main: #f8fafc;       /* Weißer Haupttext */
    --text-muted: #94a3b8;      /* Grauer Text für Beschreibungen/Versionen */
    
    /* Akzentfarben */
    --primary: #2563eb;         /* Das leuchtende Blau der Buttons/Aktiv-Zustände */
    --primary-hover: #1d4ed8;   /* Dunkleres Blau für Button-Hover */
    --success: #10b981;         /* Das Grün für "+12 heute" oder "Online" */
    --warning: #f59e0b;         /* Das Orange für "Timer aktiv" oder "Bald verfügbar" */
    --danger: #ef4444;          /* Rot für abgelaufene Timer / Fehler */

    /* Layout & Abstände */
    --sidebar-width: 260px;
    --radius-lg: 16px;          /* Die schönen abgerundeten Ecken eurer Kacheln */
    --radius-md: 12px;
    --radius-sm: 8px;
    
    /* Schriften */
    --font-main: 'Inter', system-ui, -apple-system, sans-serif;
    --transition-fast: all 0.2s ease-in-out;
}