/* Pointer na dark mode switchu */
.dark-mode-toggle {
    cursor: pointer;
}

/* Force variables to apply when dark mode is active */
html.dark body {
    --e-global-color-primary: #6EC1E4 !important;
    --e-global-color-secondary: #ebebeb !important;
    --e-global-color-text: #9ca3af !important;
    --e-global-color-accent: #EFA603 !important;
    --e-global-color-f0ba53f: #ffffff !important;
    --e-global-color-ba36c63: #2c2e31 !important;
    --e-global-color-9032f5f: #202125 !important;
    --e-global-color-066574e: #DDDDDD !important;
}

.comments-area a, .page-content a {
    text-decoration: none !important; /* or your desired style */
    
}

/* Swap logos for dark mode */
html.dark .light-mode-logo {
    display: none;
}

html.dark .dark-mode-logo {
    display: inline;

.dark-mode-toggle {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    background-color: #f0f0f0;
    transition: background-color 0.3s;
}

.dark-mode-toggle:hover {
    background-color: #ddd;
}

.dark-mode-toggle-icon {
    width: 32px;
    height: 32px;
}