body[data-site-theme="dark"] .show-clips-page {
    --clips-bg: #0b0e0c;
    --clips-ink: #f7f3ea;
    --clips-muted: #c4b9a8;
    --clips-card: #151b17;
    --clips-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
    background: radial-gradient(circle at top, rgba(240, 83, 58, 0.14), transparent 48%),
        linear-gradient(180deg, #10140f 0%, #0b0e0c 52%, #070908 100%);
    color: var(--clips-ink);
}

body[data-site-theme="dark"] .show-clips-hero,
body[data-site-theme="dark"] .show-clips-content,
body[data-site-theme="dark"] .show-clips {
    background: transparent !important;
    color: var(--clips-ink);
}

body[data-site-theme="dark"] .show-clips-search,
body[data-site-theme="dark"] .show-clips-card,
body[data-site-theme="dark"] .show-clips-status {
    background: var(--clips-card) !important;
    border: 1px solid rgba(242, 189, 115, 0.18);
    box-shadow: var(--clips-shadow);
    color: var(--clips-ink);
}

body[data-site-theme="dark"] .show-clips-hero__title,
body[data-site-theme="dark"] .show-clips-header h2,
body[data-site-theme="dark"] .show-clips-card__title {
    color: var(--clips-ink) !important;
}

body[data-site-theme="dark"] .show-clips-hero__eyebrow,
body[data-site-theme="dark"] .show-clips-hero__description,
body[data-site-theme="dark"] .show-clips-header p,
body[data-site-theme="dark"] .show-clips-card__meta,
body[data-site-theme="dark"] .show-clips-pagination span {
    color: var(--clips-muted) !important;
}

body[data-site-theme="dark"] .show-clips-search input {
    color: var(--clips-ink);
}

body[data-site-theme="dark"] .show-clips-search input::placeholder {
    color: rgba(247, 243, 234, 0.58);
}