:root {
    --ts-blue: #2580c3; /* Główny niebieski TS3 [10] */
    --ts-dark: #1c2537; /* Ciemne tło [10] */
    --ts-green: #25dd85; /* Akcent zielony [10] */
    --ts-light: #e0e0e0; /* Jasny tekst [10] */
}

body {
    background-color: var(--ts-dark);
    color: var(--ts-light);
}

.navbar {
    background-color: var(--ts-blue) !important;
}

.btn-primary {
    background-color: var(--ts-green);
    border-color: var(--ts-green);
}

.card {
    background-color: rgba(0, 0, 0, 0.5); /* Półprzezroczyste dla dark mode [8] */
    border: 1px solid var(--ts-blue);
}

.card-title, .card-text {
    color: var(--ts-light);
}

img.graph {
    border: 2px solid var(--ts-green); /* Ramka dla wykresów jak w TS3 [14] */
}