:root[data-theme="light"] {
    --vd-page-bg: #F4F7F2;
    --vd-page-bg-soft: #EBF0E8;
    --vd-surface: #FFFFFF;
    --vd-surface-2: #EBF0E8;
    --vd-surface-3: #E0E8DC;
    --vd-text: #1A2218;
    --vd-text-soft: #4A5E4B;
    --vd-text-accent: #3D5A3E;
    --vd-border: rgba(82,122,84,.20);
    --vd-border-soft: rgba(82,122,84,.10);
    --vd-gold-1: #527A54;
    --vd-gold-2: #3D5A3E;
    --vd-gold-3: #8AAE8C;
    --vd-danger-bg: rgba(220,38,38,.08);
    --vd-danger-border: rgba(220,38,38,.18);
    --vd-danger-text: #991B1B;
    --vd-shadow-lg: 0 20px 60px rgba(61,90,62,.12);
    --vd-shadow-md: 0 10px 24px rgba(61,90,62,.12);
    --vd-glow: 0 0 40px rgba(61,90,62,.05);
    --vd-gradient-page: radial-gradient(circle at top left, rgba(82,122,84,.08), transparent 28%), radial-gradient(circle at bottom right, rgba(61,90,62,.08), transparent 30%), linear-gradient(180deg, #F4F7F2 0%, #EBF0E8 45%, #F4F7F2 100%);
    --vd-gradient-card: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(235,240,232,.98) 100%);
    --vd-gradient-input: linear-gradient(180deg, #FFFFFF 0%, #EBF0E8 100%);
    --vd-gradient-btn: linear-gradient(135deg, #527A54 0%, #3D5A3E 55%, #8AAE8C 100%);
}