/* 
 * 福古贸易（香港）有限公司 - 主题样式表
 * FG Trade (Hong Kong) Co., Limited
 */

/* ===== 默认主题 ===== */
.theme-default {
    --primary-color: #0056b3;
    --secondary-color: #00a0e9;
    --accent-color: #ff6b00;
    --dark-color: #333333;
    --text-color: #555555;
    --light-color: #f8f9fa;
    --white-color: #ffffff;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --header-bg: #ffffff;
    --footer-bg: #222222;
    --card-bg: #ffffff;
    --body-bg: #ffffff;
}

/* ===== 暗色主题 ===== */
.theme-dark {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --accent-color: #e74c3c;
    --dark-color: #f8f9fa;
    --text-color: #e0e0e0;
    --light-color: #333333;
    --white-color: #222222;
    --success-color: #2ecc71;
    --info-color: #3498db;
    --warning-color: #f39c12;
    --danger-color: #e74c3c;
    --header-bg: #1a1a1a;
    --footer-bg: #111111;
    --card-bg: #2a2a2a;
    --body-bg: #222222;
    
    /* 暗色主题特定样式覆盖 */
    background-color: #222222;
    color: #e0e0e0;
}

.theme-dark #header {
    background-color: #1a1a1a;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.theme-dark .logo img {
    filter: brightness(0.9);
}

.theme-dark #main-nav ul li a {
    color: #e0e0e0;
}

.theme-dark .submenu {
    background-color: #2a2a2a;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.theme-dark .submenu li a {
    border-bottom: 1px solid #333333;
}

.theme-dark .theme-btn {
    background-color: #333333;
    color: #e0e0e0;
}

.theme-dark .language-switcher select {
    background-color: #2a2a2a;
    border-color: #444444;
    color: #e0e0e0;
}

.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
    color: #f8f9fa;
}

.theme-dark .bg-light {
    background-color: #333333;
}

.theme-dark .service-card, 
.theme-dark .case-card, 
.theme-dark .news-card, 
.theme-dark .solution-slide {
    background-color: #2a2a2a;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.theme-dark .service-icon {
    background-color: rgba(52, 152, 219, 0.2);
}

.theme-dark .btn-light {
    background-color: #333333;
    color: #f8f9fa;
}

.theme-dark .btn-light:hover {
    background-color: #444444;
}

.theme-dark .btn-outline {
    border-color: #3498db;
    color: #3498db;
}

.theme-dark .footer-links a, 
.theme-dark .footer-bottom-links a {
    color: #aaaaaa;
}

.theme-dark .footer-links a:hover, 
.theme-dark .footer-bottom-links a:hover {
    color: #ffffff;
}

.theme-dark #footer {
    background-color: #111111;
}

.theme-dark .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* ===== 蓝色主题 ===== */
.theme-blue {
    --primary-color: #1e3a8a;
    --secondary-color: #3b82f6;
    --accent-color: #f97316;
    --dark-color: #1e293b;
    --text-color: #475569;
    --light-color: #f1f5f9;
    --white-color: #ffffff;
    --success-color: #10b981;
    --info-color: #0ea5e9;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --header-bg: #ffffff;
    --footer-bg: #1e293b;
    --card-bg: #ffffff;
    --body-bg: #f1f5f9;
    
    /* 蓝色主题特定样式覆盖 */
    background-color: #f1f5f9;
}

.theme-blue #header {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.theme-blue .service-icon {
    background-color: rgba(30, 58, 138, 0.1);
}

.theme-blue .service-icon i {
    color: #1e3a8a;
}

.theme-blue .section-header h2::after {
    background-color: #3b82f6;
}

.theme-blue .btn-primary {
    background-color: #1e3a8a;
}

.theme-blue .btn-primary:hover {
    background-color: #1e40af;
}

.theme-blue .btn-secondary {
    background-color: #3b82f6;
}

.theme-blue .btn-secondary:hover {
    background-color: #2563eb;
}

.theme-blue .btn-outline {
    border-color: #1e3a8a;
    color: #1e3a8a;
}

.theme-blue .btn-outline:hover {
    background-color: #1e3a8a;
}

.theme-blue .news-date {
    background-color: #3b82f6;
}

.theme-blue .bg-primary {
    background-color: #1e3a8a;
}

.theme-blue #footer {
    background-color: #1e293b;
}

.theme-blue .footer-widget h3::after {
    background-color: #3b82f6;
}

.theme-blue .footer-widget .contact-info li i {
    color: #3b82f6;
}

.theme-blue .social-links a:hover {
    background-color: #3b82f6;
}

.theme-blue #back-to-top {
    background-color: #1e3a8a;
}

.theme-blue #back-to-top:hover {
    background-color: #3b82f6;
}

/* ===== 主题切换动画 ===== */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

#header,
.service-card,
.case-card,
.news-card,
.solution-slide,
.btn,
.theme-btn,
.submenu,
#footer,
.footer-bottom,
#back-to-top {
    transition: all 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
    transition: color 0.3s ease;
}