body[data-theme="dark"] {
    background: var(--dark-bg);
    color: var(--dark-text);
}

body[data-theme="dark"] .wrap {
    color: var(--dark-text);
}

body[data-theme="dark"] .top h1 {
    color: var(--dark-text);
}

body[data-theme="dark"] .back-link,
body[data-theme="dark"] .desc,
body[data-theme="dark"] .section-note,
body[data-theme="dark"] .muted {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .section {
    background: #151514;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .section h2 {
    color: var(--dark-text);
}

body[data-theme="dark"] .key-card,
body[data-theme="dark"] .list-card {
    background: #171717;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .key-mask {
    background: #1d1d1d;
    border-color: var(--dark-border-2);
    color: #d3dae2;
}

body[data-theme="dark"] .grant-item {
    border-top-color: var(--dark-border);
}

body[data-theme="dark"] .empty {
    background: #161616;
    border-color: var(--dark-border-2);
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .btn-primary {
    border-color: #2f5f96;
    background: #2f5f96;
    color: #eef4fb;
}

body[data-theme="dark"] .btn-primary:hover {
    background: #28507f;
    border-color: #28507f;
}

body[data-theme="dark"] .btn-create-flat {
    border-color: #3a6aa5;
    background: #3a6aa5;
    color: #eef4fb;
}

body[data-theme="dark"] .btn-create-flat:hover {
    background: #315b8d;
    border-color: #315b8d;
}

body[data-theme="dark"] .btn-create-flat:focus-visible {
    outline: 2px solid rgba(58, 106, 165, 0.45);
    outline-offset: 2px;
}

body[data-theme="dark"] .btn-ghost {
    border-color: var(--dark-border-2);
    background: #1a1a1a;
    color: var(--dark-text);
}

body[data-theme="dark"] .btn-ghost:hover {
    background: #212121;
    border-color: #3a3a3a;
}

body[data-theme="dark"] .btn-danger {
    border-color: #6a3535;
    background: #1a1a1a;
    color: #e89a9a;
}

body[data-theme="dark"] .btn-danger:hover {
    background: #261919;
    border-color: #a04a4a;
    color: #f0b0b0;
}

body[data-theme="dark"] .apikey-modal {
    background: #151514;
    border: 1px solid var(--dark-border);
}

body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .modal-footer {
    border-color: var(--dark-border);
}

body[data-theme="dark"] .modal-body {
    color: var(--dark-text);
}

body[data-theme="dark"] .form-label {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .form-input {
    background: #1d1d1d;
    border-color: var(--dark-border-2);
    color: var(--dark-text);
}

body[data-theme="dark"] .form-input::placeholder {
    color: #8f96a1;
}

body[data-theme="dark"] #unauthorizedContent h2,
body[data-theme="dark"] #unauthorizedContent p {
    color: var(--dark-text);
}

body[data-theme="dark"] #unauthorizedContent i {
    color: #b89542 !important;
}