/* ===== Theme Variables ===== */
.theme-dark {
    --bg-primary: #111827;
    --bg-secondary: #1F2937;
    --bg-tertiary: #374151;
    --text-primary: #F3F4F6;
    --text-secondary: #9CA3AF;
    --border-color: #374151;
    --glass-border: rgba(255, 255, 255, 0.1);
}

.theme-light {
    --bg-primary: #F3F4F6;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #E5E7EB;
    --text-primary: #111827;
    --text-secondary: #4B5563;
    --border-color: #E5E7EB;
    --glass-border: rgba(0, 0, 0, 0.1);
}

.theme-amoled {
    --bg-primary: #000000;
    --bg-secondary: #0A0A0A;
    --bg-tertiary: #1A1A1A;
    --text-primary: #FFFFFF;
    --text-secondary: #808080;
    --border-color: #1A1A1A;
    --glass-border: rgba(255, 255, 255, 0.05);
}

.theme-sepia {
    --bg-primary: #F4EBD9;
    --bg-secondary: #E8DCC4;
    --bg-tertiary: #D4C5A8;
    --text-primary: #5B4636;
    --text-secondary: #7D6B58;
    --border-color: #D4C5A8;
    --glass-border: rgba(0, 0, 0, 0.1);
}

/* ===== Theme-specific adjustments ===== */
.theme-light .bottom-nav,
.theme-light .page-header {
    background: rgba(255, 255, 255, 0.95);
}

.theme-amoled .bottom-nav,
.theme-amoled .page-header {
    background: rgba(0, 0, 0, 0.95);
}

.theme-sepia .bottom-nav,
.theme-sepia .page-header {
    background: rgba(232, 220, 196, 0.95);
}

.theme-light .card {
    background: rgba(255, 255, 255, 0.5);
}