html.hf-dark-mode,
html.xkvt-site-dark {
    color-scheme: dark;
    --hf-dm-bg: #070b10;
    --hf-dm-bg-2: #0b1118;
    --hf-dm-bg-3: #0f1620;
    --hf-dm-surface: rgba(17, 24, 34, 0.86);
    --hf-dm-surface-solid: #111822;
    --hf-dm-surface-2: rgba(23, 31, 43, 0.84);
    --hf-dm-surface-3: rgba(31, 40, 54, 0.78);
    --hf-dm-glass: rgba(20, 27, 38, 0.62);
    --hf-dm-glass-strong: rgba(24, 32, 45, 0.78);
    --hf-dm-line: rgba(255, 255, 255, 0.09);
    --hf-dm-line-strong: rgba(255, 255, 255, 0.15);
    --hf-dm-text: rgba(255, 255, 255, 0.92);
    --hf-dm-heading: rgba(255, 255, 255, 0.96);
    --hf-dm-muted: rgba(255, 255, 255, 0.70);
    --hf-dm-faint: rgba(255, 255, 255, 0.52);
    --hf-dm-soft: rgba(255, 255, 255, 0.08);
    --hf-dm-accent: #ff9a3d;
    --hf-dm-accent-2: #f47a1f;
    --hf-dm-accent-soft: rgba(255, 154, 61, 0.15);
    --hf-dm-green: #5ee2a0;
    --hf-dm-green-soft: rgba(94, 226, 160, 0.15);
    --hf-dm-danger: #ff6b85;
    --hf-dm-danger-soft: rgba(255, 107, 133, 0.16);
    --hf-dm-blue: #82b7ff;
    --hf-dm-violet: #b79cff;
    --hf-dm-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
    --hf-dm-shadow-soft: 0 16px 44px rgba(0, 0, 0, 0.28);
    --hf-dm-radius-xl: 28px;
    --hf-dm-radius-lg: 20px;
    --hf-dm-radius-md: 14px;
}