webtools/site/clocks/style.css

:root {
    --clock-label-color: rgb(175, 41, 29);  /* Red 600 */
}

@media (prefers-color-scheme: dark) {
    :root {
        --clock-label-color: rgb(238, 64, 46);  /* Red 450 */
    }
}

div.clock {
    text-align: center;
    margin-block-end: 1.8rem;
}

div.clock div.location {
    color: var(--clock-label-color);
}

div.clock div.time {
    font-size: 200%;
    font-family: var(--pico-font-family-monospace);
}