:root[data-theme="dark"] {
    --vd-page-bg: #111111;
    --vd-page-bg-soft: #161614;
    --vd-surface: #0F0F0E;
    --vd-surface-2: #1D1D1A;
    --vd-surface-3: #252318;
    --vd-text: #EDE8DE;
    --vd-text-soft: #9A8E78;
    --vd-text-accent: #C8A96E;
    --vd-border: rgba(200,169,110,.18);
    --vd-border-soft: rgba(200,169,110,.10);
    --vd-gold-1: #A8844A;
    --vd-gold-2: #C8A96E;
    --vd-gold-3: #E8D4A8;
    --vd-danger-bg: rgba(220,38,38,.10);
    --vd-danger-border: rgba(220,38,38,.22);
    --vd-danger-text: #F5C2C2;
    --vd-shadow-lg: 0 20px 60px rgba(0,0,0,.45);
    --vd-shadow-md: 0 10px 24px rgba(168,132,74,.25);
    --vd-glow: 0 0 40px rgba(200,169,110,.05);
    --vd-gradient-page: radial-gradient(circle at top left, rgba(200,169,110,0.10), transparent 28%), radial-gradient(circle at bottom right, rgba(168,132,74,0.10), transparent 30%), linear-gradient(180deg, #080808 0%, #0F0F0E 45%, #111111 100%);
    --vd-gradient-card: linear-gradient(180deg, rgba(22,22,20,.96) 0%, rgba(15,15,14,.96) 100%);
    --vd-gradient-input: linear-gradient(180deg, #1D1D1A 0%, #252318 100%);
    --vd-gradient-btn: linear-gradient(135deg, #A8844A 0%, #C8A96E 55%, #E8D4A8 100%);
}