/**
 * 主題系統全局檔案
 * 匯入所有主題 CSS 並定義通用樣式
 */

/* 匯入所有主題樣式表 */
@import url('themes/saltverse-light.css');
@import url('themes/classic-blue.css');
@import url('themes/dark-mode.css');

/* 平滑的主題切換過渡效果 */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 主題切換器樣式 */
.theme-option {
    cursor: pointer;
    position: relative;
}

.theme-option .theme-check {
    transition: visibility 0.2s ease;
}

.theme-option.active {
    font-weight: 600;
}

/* 主題卡片樣式（用於設定頁面）*/
.theme-card {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
}

.theme-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.theme-card.current-theme {
    border: 2px solid #28a745;
}

.theme-card.current-theme::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #28a745 transparent transparent;
}

.current-theme-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

/* 主題預覽色塊 */
.theme-preview {
    height: 100px;
    display: flex;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.theme-preview-color {
    flex: 1;
    transition: transform 0.3s ease;
}

.theme-card:hover .theme-preview-color {
    transform: scale(1.05);
}

/* 調色盤圖示動畫 */
.nav-link i.fa-palette {
    transition: transform 0.3s ease;
}

.nav-link:hover i.fa-palette {
    transform: rotate(15deg);
}