/*
 * UI themes for CyberTiggyr.COM.
 *
 * Classic is the default, provided by the site's existing CSS.
 */

/* Dark theme */
html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    font-family: monospace;
    color: #dddddd;
    background-color: #202020;
}

html[data-theme="dark"] a:link {
    color: #99bbff;
}

html[data-theme="dark"] a:visited {
    color: #cc99ff;
}

html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
    border-color: #666666;
}

/* Browser theme */
html[data-theme="browser"] {
    color-scheme: light dark;
}

html[data-theme="browser"] body {
    font-family: revert;
    color: CanvasText;
    background-color: Canvas;
}

html[data-theme="browser"] a:link {
    color: LinkText;
}

html[data-theme="browser"] a:visited {
    color: VisitedText;
}

html[data-theme="browser"] table,
html[data-theme="browser"] th,
html[data-theme="browser"] td {
    border-color: CanvasText;
}

/* Terminal theme */
html[data-theme="terminal"] {
    color-scheme: dark;
}

html[data-theme="terminal"] body {
    font-family: monospace;
    color: #33ff66;
    background-color: #071407;
}

html[data-theme="terminal"] a:link {
    color: #99ff99;
}

html[data-theme="terminal"] a:visited {
    color: #66cc88;
}

html[data-theme="terminal"] table,
html[data-theme="terminal"] th,
html[data-theme="terminal"] td {
    border-color: #338844;
}

html[data-theme="terminal"] .spoilers,
html[data-theme="terminal"] .important,
html[data-theme="terminal"] p.authornote {
    color: #aaffaa;
}

/* Theme selector */
#ui-theme-selector {
    text-align: right;
    font-size: small;
    margin-bottom: 0.5em;
}

#ui-theme-selector a {
    margin-left: 0.75em;
}

#ui-theme-selector a[aria-current="true"] {
    font-weight: bold;
    text-decoration: none;
}