/* 标准化配色方案CSS文件 */

/* 经典蓝色 (默认) */
:root {
  --primary-color: #007bff;
  --primary-hover-color: #0069d9;
  --primary-color-rgb: 0, 123, 255;
  --secondary-color: #6c757d;
  --secondary-hover-color: #5a6268;
  --secondary-color-rgb: 108, 117, 125;
  --success-color: #28a745;
  --success-hover-color: #218838;
  --success-color-rgb: 40, 167, 69;
  --danger-color: #dc3545;
  --danger-hover-color: #c82333;
  --danger-color-rgb: 220, 53, 69;
  --warning-color: #ffc107;
  --warning-hover-color: #e0a800;
  --warning-color-rgb: 255, 193, 7;
  --info-color: #17a2b8;
  --info-hover-color: #138496;
  --info-color-rgb: 23, 162, 184;
  --light-color: #f8f9fa;
  --light-hover-color: #dae0e5;
  --light-color-rgb: 248, 249, 250;
  --dark-color: #343a40;
  --dark-hover-color: #23272b;
  --dark-color-rgb: 52, 58, 64;
}

/* 经典蓝色 (默认) - 导航栏特定样式 */
.navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 靛蓝色 */
[data-color-scheme="indigo"] {
  --primary-color: #6610f2;
  --primary-hover-color: #560bd0;
  --primary-color-rgb: 102, 16, 242;
}

[data-color-scheme="indigo"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 紫色 */
[data-color-scheme="purple"] {
  --primary-color: #6f42c1;
  --primary-hover-color: #5e37a6;
  --primary-color-rgb: 111, 66, 193;
}

[data-color-scheme="purple"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 粉色 */
[data-color-scheme="pink"] {
  --primary-color: #e83e8c;
  --primary-hover-color: #e52779;
  --primary-color-rgb: 232, 62, 140;
}

[data-color-scheme="pink"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 红色 */
[data-color-scheme="red"] {
  --primary-color: #dc3545;
  --primary-hover-color: #c82333;
  --primary-color-rgb: 220, 53, 69;
}

[data-color-scheme="red"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 橙色 */
[data-color-scheme="orange"] {
  --primary-color: #fd7e14;
  --primary-hover-color: #e96900;
  --primary-color-rgb: 253, 126, 20;
}

[data-color-scheme="orange"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 黄色 */
[data-color-scheme="yellow"] {
  --primary-color: #ffc107;
  --primary-hover-color: #e0a800;
  --primary-color-rgb: 255, 193, 7;
}

[data-color-scheme="yellow"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 绿色 */
[data-color-scheme="green"] {
  --primary-color: #28a745;
  --primary-hover-color: #218838;
  --primary-color-rgb: 40, 167, 69;
}

[data-color-scheme="green"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 蓝绿色 */
[data-color-scheme="teal"] {
  --primary-color: #20c997;
  --primary-hover-color: #1ba87e;
  --primary-color-rgb: 32, 201, 151;
}

[data-color-scheme="teal"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 青色 */
[data-color-scheme="cyan"] {
  --primary-color: #17a2b8;
  --primary-hover-color: #138496;
  --primary-color-rgb: 23, 162, 184;
}

[data-color-scheme="cyan"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 酸橙绿 */
[data-color-scheme="lime"] {
  --primary-color: #52c41a;
  --primary-hover-color: #43a016;
  --primary-color-rgb: 82, 196, 26;
}

[data-color-scheme="lime"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 翠绿色 */
[data-color-scheme="emerald"] {
  --primary-color: #10b981;
  --primary-hover-color: #0da26d;
  --primary-color-rgb: 16, 185, 129;
}

[data-color-scheme="emerald"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 天蓝色 */
[data-color-scheme="sky"] {
  --primary-color: #38bdf8;
  --primary-hover-color: #2caaf5;
  --primary-color-rgb: 56, 189, 248;
}

[data-color-scheme="sky"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 紫罗兰色 */
[data-color-scheme="violet"] {
  --primary-color: #8b5cf6;
  --primary-hover-color: #7c4de0;
  --primary-color-rgb: 139, 92, 246;
}

[data-color-scheme="violet"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 紫红色 */
[data-color-scheme="fuchsia"] {
  --primary-color: #d946ef;
  --primary-hover-color: #c03de8;
  --primary-color-rgb: 217, 70, 239;
}

[data-color-scheme="fuchsia"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 玫瑰红 */
[data-color-scheme="rose"] {
  --primary-color: #f43f5e;
  --primary-hover-color: #e11d48;
  --primary-color-rgb: 244, 63, 94;
}

[data-color-scheme="rose"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 琥珀色 */
[data-color-scheme="amber"] {
  --primary-color: #f59e0b;
  --primary-hover-color: #d97706;
  --primary-color-rgb: 245, 158, 11;
}

[data-color-scheme="amber"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 石板灰 */
[data-color-scheme="slate"] {
  --primary-color: #64748b;
  --primary-hover-color: #475569;
  --primary-color-rgb: 100, 116, 139;
}

[data-color-scheme="slate"] .navbar {
  --navbar-bg-color: var(--primary-color);
}

/* 应用配色到各个元素 - 仅在非深色和非动画主题下应用 */
[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--btn-text);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .btn-primary:hover {
  background-color: var(--primary-hover-color);
  border-color: var(--primary-hover-color);
}

/* 只在非深色主题下应用配色方案的导航栏样式 */
[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .navbar {
  background-color: var(--navbar-bg-color) !important;
  transition: background-color 0.3s ease;
}

/* 深色主题下的导航栏样式 */
[data-theme='dark'] .navbar {
  background-color: var(--navbar-bg) !important;
  transition: background-color 0.3s ease;
}

/* 导航栏链接颜色优化 - 仅在非深色和非动画主题下应用 */
[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95) !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .navbar-nav .nav-link:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.2);
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .navbar-nav .nav-link.active {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.25);
}

/* 下拉菜单优化 - 仅在非深色和非动画主题下应用 */
[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .dropdown-menu {
  background: linear-gradient(135deg, #2c3e50, #1a2530);
  transition: background 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .dropdown-item {
  color: #ecf0f1 !important;
  transition: color 0.3s ease, background-color 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .dropdown-item:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .section-title h2 {
  color: var(--primary-color);
  transition: color 0.3s ease;
}

/* 移除此处的产品卡片悬停样式，已移到product-detail.css中 */

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .pagination .page-item.active .page-link {
  background: var(--primary-color);
  border-color: var(--primary-color);
  transition: background 0.3s ease, border-color 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgb), 0.25);
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .btn-outline-primary {
  color: var(--primary-color);
  border-color: var(--primary-color);
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

[data-color-scheme]:not([data-theme='dark']):not([data-theme='animation']) .btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}