.high-contrast {
    color-scheme: dark;

    --bg: #000000;
    --bg-header: #000000;
    --surface: #000000;
    --text: #ffffff;
    --link: #ffff00;
    --muted: #d0d0d0;
    --border: #ffffff;
    --accent: #ffff00;
    --accent-hover: #00ffff;
    --accent-text: #000000;
    --accent-hover-text: #000000;

    --danger: #ff4d4d;
    --danger-hover: #ff8080;
    --danger-text: #000000;
    --danger-hover-text: #000000;
    --danger-disabled: #8f3a3a;

    --input-bg: #000000;
    --input-text: #ffffff;
    --input-border: #ffffff;
    --input-error-border: var(--danger);
    --input-readonly-bg: #000000;
    --input-readonly-text: #d0d0d0;

    --banner-close-hover-bg: #ffffff;

    --banner-success-bg: #000000;
    --banner-success-border: #00ff00;
    --banner-success-accent: #00ff00;
    --banner-success-text: #ffffff;

    --banner-error-bg: #000000;
    --banner-error-border: #ff4d4d;
    --banner-error-accent: #ff4d4d;
    --banner-error-text: #ffffff;

    --banner-warning-bg: #000000;
    --banner-warning-border: #ffff00;
    --banner-warning-accent: #ffff00;
    --banner-warning-text: #ffffff;

    --banner-info-bg: #000000;
    --banner-info-border: #00ffff;
    --banner-info-accent: #00ffff;
    --banner-info-text: #ffffff;

    --striped-row-odd-background: #ffffff;
    --striped-row-odd-text: #000000;
    --striped-row-even-background: #000000;
    --striped-row-even-text: #ffffff;

    --auth-google-bg: #ffffff;
    --auth-google-text: #000000;
    --auth-google-border: #ffffff;

    --auth-apple-bg: #ffffff;
    --auth-apple-text: #000000;
    --auth-apple-border: #ffffff;

    --auth-facebook-bg: #ffff00;
    --auth-facebook-text: #000000;
    --auth-facebook-border: #ffff00;

    --auth-github-bg: #ffffff;
    --auth-github-text: #000000;
    --auth-github-border: #ffffff;

    --radius: 4px;
}

.high-contrast *:focus-visible {
    outline: 3px solid #00ffff;
    outline-offset: 3px;
}

.high-contrast .button,
.high-contrast .status-pill,
.high-contrast .card,
.high-contrast .panel,
.high-contrast .about,
.high-contrast input,
.high-contrast select,
.high-contrast textarea {
    border-width: 2px;
    box-shadow: none;
}

.high-contrast a {
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

.high-contrast ::selection {
    background: #00ffff;
    color: #000000;
}