body[data-theme="dark"] .crl-page {
    --crl-bg: #121214;
    --crl-surface: #181817;
    --crl-surface-soft: #1d1d1c;
    --crl-border: #2c2c2b;
    --crl-text: #f3f4f6;
    --crl-muted: #b9bec7;
    --crl-primary: #7b96be;
    --crl-primary-strong: #95afd2;
    --crl-success-bg: #193023;
    --crl-success-text: #b8d9c4;
    --crl-warn-bg: #2f2a21;
    --crl-warn-text: #d9c8a8;
    --crl-shadow: none;
}

body[data-theme="dark"] .crl-search-icon {
    color: #9ba2ad;
}

body[data-theme="dark"] .crl-breadcrumb a {
    color: #9cb9d7;
}

body[data-theme="dark"] .crl-search-input {
    background: #151514;
    color: #f3f4f6;
}

body[data-theme="dark"] .crl-search-input::placeholder {
    color: #8e949e;
}

body[data-theme="dark"] .crl-clear-btn {
    background: #222221;
    color: #c3c8d0;
}

body[data-theme="dark"] .crl-search-go-btn {
    background: #6f8fbc;
    color: #f5f7fb;
}

body[data-theme="dark"] .crl-mobile-filter-btn {
    background: #1f1f1f;
    border-color: #323231;
    color: #c0c8d1;
}

body[data-theme="dark"] .crl-select {
    background: #151514;
    color: #f3f4f6;
}

body[data-theme="dark"] .crl-century-wrap {
    background: #1a1a19;
    border-color: #323231;
}

body[data-theme="dark"] .crl-century-head strong {
    color: #e8eaee;
}

body[data-theme="dark"] .crl-century-range {
    accent-color: #87a5cf;
}

body[data-theme="dark"] .crl-secondary-btn {
    background: #1f1f1f;
    color: #bfc6cf;
}

body[data-theme="dark"] .crl-filter-side {
    background: #1b1b1a;
    border-color: #323231;
    color: #bec6cf;
    box-shadow: none;
}

body[data-theme="dark"] .crl-filter-side.is-open .crl-filter-side-head {
    color: #9cb9d7;
}

body[data-theme="dark"] .crl-filter-backdrop {
    background: rgba(4, 5, 7, 0.56);
}

body[data-theme="dark"] .crl-page-btn {
    background: #1a1a1a;
    color: #c3cad2;
}

body[data-theme="dark"] .crl-badge-ok {
    background: #1f3a2a;
    border-color: #2e5741;
    color: #b7dec4;
}

body[data-theme="dark"] .crl-badge-wait {
    background: #3a2f1f;
    border-color: #5a4930;
    color: #e1c89e;
}