/* ============================================
   湖北楚海能源有限公司 - 设计系统变量
   深色科技感 + 蓝光效果主题 v2.0
   ============================================ */

:root {
  /* ---- 背景色 ---- */
  --bg-primary: #0a0e1a;
  --bg-secondary: #111827;
  --bg-tertiary: #0f172a;
  --bg-card: rgba(17, 24, 39, 0.6);
  --bg-card-hover: rgba(17, 24, 39, 0.85);
  --bg-nav: rgba(10, 14, 26, 0.8);
  --bg-footer: #060a14;
  --bg-input: rgba(15, 23, 42, 0.8);

  /* ---- 品牌色 ---- */
  --color-primary: #00d4ff;
  --color-primary-dark: #0088ff;
  --color-primary-light: #33ddff;
  --color-secondary: #00ffc8;
  --color-accent: #f59e0b;
  --color-accent-hover: #fbbf24;

  /* ---- 发光效果 ---- */
  --glow-primary: rgba(0, 212, 255, 0.3);
  --glow-primary-strong: rgba(0, 212, 255, 0.5);
  --glow-secondary: rgba(0, 255, 200, 0.25);
  --glow-accent: rgba(245, 158, 11, 0.35);

  /* ---- 文字色 ---- */
  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;

  /* ---- 边框 ---- */
  --border-color: rgba(255, 255, 255, 0.08);
  --border-color-hover: rgba(0, 212, 255, 0.4);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ---- 毛玻璃 ---- */
  --glass-blur: 20px;
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);

  /* ---- 渐变 ---- */
  --gradient-primary: linear-gradient(135deg, #0088ff, #00d4ff);
  --gradient-text: linear-gradient(135deg, #ffffff 30%, #00d4ff 100%);
  --gradient-hero-glow: radial-gradient(ellipse 80% 50% at 50% 30%, rgba(0,136,255,0.12) 0%, transparent 70%),
                        radial-gradient(ellipse 50% 40% at 20% 60%, rgba(0,212,255,0.08) 0%, transparent 60%),
                        radial-gradient(ellipse 40% 30% at 80% 50%, rgba(0,255,200,0.05) 0%, transparent 50%),
                        radial-gradient(ellipse 120% 80% at 50% 100%, rgba(0,88,200,0.08) 0%, transparent 60%);
  --gradient-divider: linear-gradient(90deg, transparent, #00d4ff, transparent);

  /* ---- 阴影 ---- */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 30px rgba(0, 212, 255, 0.15);

  /* ---- 字体 ---- */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --font-size-5xl: 3.5rem;

  /* ---- 间距 ---- */
  --section-padding: 100px 0;
  --container-max: 1200px;
  --container-padding: 0 24px;

  /* ---- 过渡 ---- */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;

  /* ---- Z-index ---- */
  --z-nav: 1000;
  --z-back-top: 900;
}