:root {
    /* Hauptfarben */
    --color-main-dark: #081223;
    --color-main-blue: #0472f4;
    --color-main-cyan: #05a1aa;
    
    /* Theme-Farben basierend auf Hauptfarben */
    --color-primary: #0472f4;
    --color-secondary: #05a1aa;
    --color-accent: #05a1aa;
    --color-background: #081223;
    --color-surface: #0d1929;
    --color-text-primary: #ffffff;
    --color-text-secondary: #cccccc;
    --color-text-muted: #888888;
    --color-border: #1a2a3f;
    --color-border-subtle: #2a3a4f;
    --color-success: #00cc66;
    --color-error: #cc3333;
    --color-warning: #ccaa00;
    --color-hover: #0f1f35;
    --color-hover-accent: #05a1aa;
    --color-button-primary: #0472f4;
    --color-button-primary-hover: #0360d9;
    --color-button-delete: #cc3333;
    --color-button-delete-hover: #aa2222;
    --color-navigation-bg: #081223;
    --color-footer-bg: #081223;
}