:root {
    --bg: #111827;
    --fg: #f8fafc;
    --sub: #cbd5e1;
    --font-ui: "Segoe UI", Arial, sans-serif;
    --font-clock: var(--font-ui);
    --ui-border: #ffffff80;
    --background-image-opacity: 0.45;
    --face-bg: #11182780;
    --face-fg: var(--fg);
    --face-border: #ffffff80;
    --face-shadow: 0 10px 45px #0003;
    --hand-color: var(--fg);
    --second-hand-color: #ff7c7c;
    --pin-color: var(--fg);
    --digital-weight: 250;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-ui);
    color: var(--fg);
    background: var(--bg);
}

button {
    cursor: pointer;
}