:root {
    color-scheme: light;
    --bg: #ffffff;
    --text: #000000;
    --muted: #000000;
    --border: #000000;
    --tooltip-bg: #ffffff;
    --tooltip-text: #000000;
}

:root[data-theme="white"] {
    color-scheme: light;
    --bg: #ffffff;
    --text: #000000;
    --muted: #000000;
    --border: #000000;
    --tooltip-bg: #ffffff;
    --tooltip-text: #000000;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --bg: #000000;
    --text: #ffffff;
    --muted: #ffffff;
    --border: #ffffff;
    --tooltip-bg: #000000;
    --tooltip-text: #ffffff;
}

:root[data-theme="local"] {
    --bg: #ffffff;
    --text: #000000;
    --muted: #000000;
    --border: #000000;
    --tooltip-bg: #ffffff;
    --tooltip-text: #000000;
}

html,
body {
    background: var(--bg);
    color: var(--text);
    font-family: "Times New Roman", Times, serif;
}

a {
    color: inherit;
}

.theme-control {
    position: fixed;
    top: 8px;
    right: 8px;
    z-index: 9999;
    display: block;
}

.theme-control button {
    border: 1px solid var(--border);
    background: var(--tooltip-bg);
    color: var(--text);
    font-family: inherit;
    cursor: pointer;
    padding: 2px 10px;
    min-width: 30px;
}

.theme-control .theme-cycle {
    min-width: 34px;
}