/* Default theme */
.theme-default {
    --bg-color: #000;
    --text-color: #fff;
    --accent-color: #ff9800;
    --sidebar-bg: #333;
    --button-bg: #4CAF50;
    --button-hover: #45a049;
}

/* Dark theme */
.theme-dark {
    --bg-color: #121212;
    --text-color: #ffffff;
    --accent-color: #bb86fc;
    --sidebar-bg: #1e1e1e;
    --button-bg: #bb86fc;
    --button-hover: #9965f4;
}

/* Light theme */
.theme-light {
    --bg-color: #ffffff;
    --text-color: #000000;
    --accent-color: #6200ee;
    --sidebar-bg: #f5f5f5;
    --button-bg: #6200ee;
    --button-hover: #3700b3;
}

/* Clock specific styles */
.clock {
    font-family: 'Digital', monospace;
    font-size: 120px;
    color: var(--accent-color);
    text-shadow: 0 0 10px rgba(255, 152, 0, 0.5);
}

.date {
    font-size: 24px;
    color: var(--accent-color);
    text-transform: uppercase;
}