/* Dark Theme (Default) */
[data-theme="dark"] {
    --color-bg-primary: var(--color-black);
    --color-bg-secondary: #161619;
    --color-bg-card: rgba(35, 35, 40, 0.7);
    --color-text-primary: rgba(255, 255, 255, 0.9);
    --color-text-heading: var(--color-white);
    --color-text-muted: rgba(255, 255, 255, 0.6);
    --color-link: var(--color-gold);
    --color-link-hover: #E6C652;
    --color-border: rgba(255, 255, 255, 0.1);
    --color-button-text: var(--color-black);
    
    /* Gold gradient for accents */
    --gradient-gold: linear-gradient(135deg, #D4AF37 0%, #BF953F 50%, #AA771C 100%);
    
    /* Background patterns */
    --bg-pattern: radial-gradient(circle at 15% 50%, rgba(212, 175, 55, 0.05) 0%, transparent 25%),
                  radial-gradient(circle at 85% 30%, rgba(212, 175, 55, 0.03) 0%, transparent 25%);
}

/* Light Theme */
[data-theme="light"] {
    --color-bg-primary: var(--color-white);
    --color-bg-secondary: #F8F9FA;
    --color-bg-card: rgba(255, 255, 255, 0.9);
    --color-text-primary: rgba(0, 0, 0, 0.8);
    --color-text-heading: var(--color-black);
    --color-text-muted: rgba(0, 0, 0, 0.6);
    --color-link: #AA771C;
    --color-link-hover: #BF953F;
    --color-border: rgba(0, 0, 0, 0.1);
    --color-button-text: var(--color-white);
    
    /* Gold gradient for accents */
    --gradient-gold: linear-gradient(135deg, #AA771C 0%, #BF953F 50%, #D4AF37 100%);
    
    /* Background patterns */
    --bg-pattern: linear-gradient(45deg, rgba(212, 175, 55, 0.03) 25%, transparent 25%, transparent 75%, rgba(212, 175, 55, 0.03) 75%, rgba(212, 175, 55, 0.03)),
                  linear-gradient(45deg, rgba(212, 175, 55, 0.03) 25%, transparent 25%, transparent 75%, rgba(212, 175, 55, 0.03) 75%, rgba(212, 175, 55, 0.03));
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}

/* Apply background pattern to body */
body {
    background-image: var(--bg-pattern);
}

/* Theme transition for smooth switching */
.theme-transition {
    transition: background-color 0.3s ease, color 0.3s ease;
}