/**
 * 主题配色方案 6 - 深灰专业
 * 
 * @package Hurricane_Movie_2025
 */

:root[data-theme="dark"] {
  /* 主色调 - 深灰系 */
  --primary-color: #607d8b;
  --primary-dark: #455a64;
  --primary-light: #78909c;
  
  /* 辅助色 */
  --secondary-color: #546e7a;
  --accent-color: #90a4ae;
  
  /* 渐变 */
  --gradient-primary: linear-gradient(135deg, #607d8b 0%, #546e7a 100%);
  --gradient-accent: linear-gradient(135deg, #90a4ae 0%, #78909c 100%);
  
  /* 背景色 - 极深灰色调 */
  --bg-dark: #0a0e12;
  --bg-card: #151a1f;
  --bg-hover: #1f2731;
  --bg-light: #eceff1;
  
  /* 边框色 - 灰色调 */
  --border-color: #263238;
  --border-light: #b0bec5;
  
  /* 文字色 - 灰色调 */
  --text-primary: #eceff1;
  --text-secondary: #b0bec5;
  --text-muted: #78909c;
  
  /* 间距 - 紧凑专业 */
  --spacing-xs: 0.1875rem;
  --spacing-sm: 0.4375rem;
  --spacing-md: 0.875rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.75rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3.5rem;
  
  /* 字号 - 小而精 */
  --font-xs: 0.6875rem;
  --font-sm: 0.8125rem;
  --font-base: 0.9375rem;
  --font-lg: 1.0625rem;
  --font-xl: 1.1875rem;
  --font-2xl: 1.4375rem;
  --font-3xl: 1.75rem;
  --font-4xl: 2.125rem;
  
  /* 圆角 - 方正专业 */
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  
  /* 阴影 - 微妙 */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 3px 10px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* 主题特定样式调整 */
:root[data-theme="dark"] .block-title {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

:root[data-theme="dark"] .movie-card:hover {
  transform: translateY(-3px);
}

:root[data-theme="dark"] .btn-primary {
  box-shadow: 0 2px 8px rgba(96, 125, 139, 0.3);
}