@media (prefers-color-scheme: dark) {
    :root {
        --color-text-secondary: #d8eef4;
        --color-text-muted: #b7d9e2;
        --color-background: #062f3a;
        --color-background-secondary: #0d4757;
        --color-background-tertiary: #0f5c72;
        --color-border-light: rgba(209, 238, 244, 0.2);
    }

    body {
        background-color: var(--color-background);
        color: var(--color-text);
    }

    a {
        color: #9fe7ff;
    }

    a:hover,
    a:focus {
        color: #d6f7ff;
    }

    .page-content,
    .page-excerpt,
    .page-meta,
    .page-description,
    .search-result-meta,
    .search-result-snippet {
        color: var(--color-text-secondary);
    }

    table {
        border-color: rgba(209, 238, 244, 0.18);
        background: rgba(4, 37, 46, 0.75);
    }

    thead {
        background-color: rgba(13, 71, 87, 0.96);
        color: #f7fdff;
    }

    tbody tr:nth-child(even) {
        background-color: rgba(15, 92, 114, 0.28);
    }

    tbody tr:hover {
        background-color: rgba(143, 201, 218, 0.16);
    }

    th,
    td {
        border-bottom-color: rgba(209, 238, 244, 0.16);
        color: #eefbff;
    }

    .domain-move-notice {
        background: linear-gradient(180deg, rgba(87, 53, 13, 0.96), rgba(62, 39, 10, 0.96));
        border-left-color: #f0aa5d;
        color: #ffe9c9;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
    }

    .domain-move-notice a {
        color: #fff3da;
    }

    .home-search .plugin-search,
    .search-inline-form {
        background: linear-gradient(180deg, rgba(7, 56, 69, 0.98), rgba(8, 69, 86, 0.96));
        border-color: rgba(143, 201, 218, 0.24);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    }

    .home-search .plugin-search-form input[type="search"],
    .home-search .search-plugin-form input[type="search"],
    .search-inline-form input[type="search"] {
        background: rgba(4, 37, 46, 0.92);
        border-color: rgba(159, 231, 255, 0.3);
        color: #f5fdff;
    }

    .home-search .plugin-search-form input[type="search"]::placeholder,
    .home-search .search-plugin-form input[type="search"]::placeholder,
    .search-inline-form input[type="search"]::placeholder {
        color: #b9dde7;
    }

    .home-search-shortcuts-label {
        color: #f1fbff;
    }

    .home-search-shortcuts-list a {
        background: rgba(4, 37, 46, 0.88);
        border-color: rgba(159, 231, 255, 0.18);
        color: #eefbff;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    }

    .home-search-shortcuts-list a:hover,
    .home-search-shortcuts-list a:focus {
        background: rgba(10, 72, 89, 0.96);
        color: #ffffff;
    }

    :is(.page-content, .page-excerpt) .home-block h2,
    :is(.page-content, .page-excerpt) .quick-title-link,
    :is(.page-content, .page-excerpt) .quick-secondary a,
    :is(.page-content, .page-excerpt) .quick-support,
    .page-slug-klausurplan .klausurplan-intro p,
    .page-slug-klausurplan .klausurplan-card p,
    .page-slug-klausurplan .klausurplan-note {
        color: #d8eef4 !important;
    }

    .page-slug-klausurplan .klausurplan-intro,
    .page-slug-klausurplan .klausurplan-card,
    .page-slug-klausurplan .klausurplan-link-card,
    .page-slug-klausurplan .klausurplan-form-link,
    .page-slug-klausurplan .klausurplan-link-card-teacher {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    }

    .page-slug-klausurplan .klausurplan-intro,
    .page-slug-klausurplan .klausurplan-card-plan {
        background: linear-gradient(180deg, rgba(7, 56, 69, 0.98), rgba(8, 69, 86, 0.96));
        border-color: rgba(159, 231, 255, 0.18);
    }

    .page-slug-klausurplan .klausurplan-card-forms {
        background: linear-gradient(180deg, rgba(74, 43, 11, 0.96), rgba(58, 34, 9, 0.96));
        border-color: rgba(240, 170, 93, 0.22);
    }

    .page-slug-klausurplan .klausurplan-card-teachers {
        background: linear-gradient(180deg, rgba(21, 66, 25, 0.96), rgba(16, 52, 20, 0.96));
        border-color: rgba(112, 189, 121, 0.24);
    }

    .page-slug-klausurplan .klausurplan-intro h2,
    .page-slug-klausurplan .klausurplan-card-plan h3 {
        color: #9fe7ff;
    }

    .page-slug-klausurplan .klausurplan-card-forms h3 {
        color: #ffd39a;
    }

    .page-slug-klausurplan .klausurplan-card-teachers h3 {
        color: #b7efbe;
    }

    .page-slug-klausurplan .klausurplan-link-card,
    .page-slug-klausurplan .klausurplan-form-link,
    .page-slug-klausurplan .klausurplan-link-card-teacher,
    :is(.page-content, .page-excerpt) .quick-links a {
        color: #f3fcff !important;
    }

    .page-slug-klausurplan .klausurplan-link-card {
        background: rgba(31, 147, 180, 0.22);
        border-color: rgba(159, 231, 255, 0.2);
    }

    .page-slug-klausurplan .klausurplan-form-link {
        background: rgba(230, 126, 34, 0.2);
        border-color: rgba(255, 211, 154, 0.18);
    }

    .page-slug-klausurplan .klausurplan-link-card-teacher {
        background: rgba(46, 125, 50, 0.22);
        border-color: rgba(183, 239, 190, 0.18);
    }
}

@media (prefers-color-scheme: dark) and (max-width: 767.98px) {
    body {
        background: #052730;
    }

    .page-content,
    .page-excerpt {
        color: #eefbff;
    }

    .home-search .plugin-search,
    .search-inline-form,
    .home-search-shortcuts-list a,
    .page-slug-klausurplan .klausurplan-intro,
    .page-slug-klausurplan .klausurplan-card,
    .page-slug-klausurplan .klausurplan-link-card,
    .page-slug-klausurplan .klausurplan-form-link,
    .page-slug-klausurplan .klausurplan-link-card-teacher {
        box-shadow: none;
    }

    .home-search .plugin-search-form input[type="search"],
    .home-search .search-plugin-form input[type="search"],
    .search-inline-form input[type="search"],
    .home-search .plugin-search-form button,
    .home-search .search-plugin-form button,
    .home-search .plugin-search button,
    .home-search .home-search-sitemap-button {
        min-height: 52px;
        font-size: 1rem;
    }

    .page-slug-klausurplan .klausurplan-card p,
    .page-slug-klausurplan .klausurplan-form-link span {
        font-size: 0.98rem;
        line-height: 1.6;
    }
}