/**
 * 深色主題樣式 - Dark Theme
 * 深色主題為預設主題，大部分樣式已在其他檔案中定義
 * 此檔案用於顯式定義深色主題的覆蓋樣式
 */

.dark-theme {
    background-color: var(--bg-dark);
    color: var(--text-dark);

    /* 深色主題下調高陰影 alpha，讓陰影在深背景中仍可見 */
    --shadow-elev-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-elev-sm: 0 2px 4px rgba(0, 0, 0, 0.45);
    --shadow-elev-md: 0 4px 8px rgba(0, 0, 0, 0.55);
    --shadow-elev-lg: 0 8px 16px rgba(0, 0, 0, 0.65);
    --shadow-elev-xl: 0 16px 32px rgba(0, 0, 0, 0.75);
}

.dark-theme header,
.dark-theme footer {
    background-color: var(--bg-dark-secondary);
    color: var(--text-dark);
}

/* 滾動條 */
.dark-theme::-webkit-scrollbar-track {
    background: var(--bg-dark-secondary);
}

.dark-theme::-webkit-scrollbar-thumb {
    background: var(--border-dark);
}

.dark-theme::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}