:root {
        --digit-color: #000000;
}

[data-theme="dark"] {
        --digit-color: #ffffff;
}

/* Clock widget styles - Elegant digital display */
.clock-time {
        width: 100%;
        font-family: monospace;
        font-weight: 500;
        color: #ffd700;
        text-shadow:
                0 0 5px rgba(255, 215, 0, 0.8),
                0 0 10px rgba(255, 215, 0, 0.6),
                0 0 15px rgba(255, 215, 0, 0.4),
                0 0 20px rgba(255, 215, 0, 0.3);
        font-size: 2.5rem;
        filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.5));
        padding: 8px 0;
        line-height: 1;
        border: 2px solid #ffd9006b;
}

.clock-time .digit {
        color: var(--digit-color);
}

.clock-time .colon {
        color: var(--digit-color);
        text-shadow:
                0 0 5px rgba(255, 215, 0, 0.8),
                0 0 10px rgba(255, 215, 0, 0.6),
                0 0 15px rgba(255, 215, 0, 0.4);
        animation: blink 1s step-end infinite;
        opacity: 1;
        font-weight: 800;
}

@keyframes blink {
        50% {
                opacity: 0.4;
        }
}