/* Theme CSS - Các theme màu khác nhau cho trang web */

/* Theme mặc định - Sử dụng giá trị từ dynamic-colors.css */
.theme-default {
    /* Không định nghĩa các biến CSS ở đây để sử dụng giá trị từ :root */
}

/* Theme xanh dương */
.theme-blue {
    --primary-color: #3498db;
    --primary-color-light: #a0cfee;
    --primary-color-dark: #2980b9;
    --primary-color-rgb: 52, 152, 219;
    --accent-color: #e74c3c;
}

/* Theme tím */
.theme-purple {
    --primary-color: #9b59b6;
    --primary-color-light: #d2a9e0;
    --primary-color-dark: #8e44ad;
    --primary-color-rgb: 155, 89, 182;
    --accent-color: #f39c12;
}

/* Theme cam */
.theme-orange {
    --primary-color: #e67e22;
    --primary-color-light: #f5bc8c;
    --primary-color-dark: #d35400;
    --primary-color-rgb: 230, 126, 34;
    --accent-color: #3498db;
}

/* Theme xanh lá */
.theme-green {
    --primary-color: #2ecc71;
    --primary-color-light: #a3e9c1;
    --primary-color-dark: #27ae60;
    --primary-color-rgb: 46, 204, 113;
    --accent-color: #e74c3c;
}

/* Theme đỏ */
.theme-red {
    --primary-color: #e74c3c;
    --primary-color-light: #f5a99f;
    --primary-color-dark: #c0392b;
    --primary-color-rgb: 231, 76, 60;
    --accent-color: #3498db;
}

/* Theme xám */
.theme-gray {
    --primary-color: #7f8c8d;
    --primary-color-light: #bdc3c7;
    --primary-color-dark: #34495e;
    --primary-color-rgb: 127, 140, 141;
    --accent-color: #e74c3c;
}

/* Theme đen */
.theme-dark {
    --primary-color: #2c3e50;
    --primary-color-light: #34495e;
    --primary-color-dark: #1a252f;
    --primary-color-rgb: 44, 62, 80;
    --accent-color: #e74c3c;
}