:root {
    --theme-color: #111827;
    --accent-color: #2563eb;
}

.topbar {
    background: var(--theme-color);
}

.button,
button {
    background: var(--accent-color);
}

.button.secondary {
    color: var(--theme-color);
}

body[data-path="/"] {
    background-color: #f8fafc;
}

body[data-path="/"]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image: none;
    background-size: cover;
    background-position: center;
    opacity: 0.18;
}