/* ===================== 统一颜色定义文件 ===================== */
/* 沈阳胖虎科技有限公司 - 颜色变量定义 */

:root {
  /* ===================== 基础颜色系统 ===================== */
  /* 主色调 */
  --primary-black: #0A0E1A;
  --primary-blue: #00B8D9;
  --primary-cyan: #80DEEA;
  --primary-silver: #B0BEC5;
  --primary-gray: #455A64;
  --primary-green: #64DD17;
  --accent-gold: #FFD54F;

  /* 导航栏专用颜色 */
  --nav-primary-black: #0A0E1A;
  --nav-primary-blue: #00B8D9;
  --nav-primary-cyan: #80DEEA;
  --nav-primary-silver: #B0BEC5;

  /* 游戏页面专用颜色 */
  --game-primary: #00B8D9;
  --game-secondary: #80DEEA;
  --game-accent: #64DD17;
  --game-border: rgba(0, 184, 217, 0.4);
  --game-shadow: 0 8px 32px rgba(0, 184, 217, 0.2);
  --game-glow: 0 0 20px rgba(0, 184, 217, 0.4);

  /* ===================== 渐变系统 ===================== */
  /* 主渐变 */
  --primary-gradient: linear-gradient(90deg, #00B8D9, #80DEEA, #00B8D9);
  --primary-gradient-border: linear-gradient(90deg, #00B8D9, #80DEEA);

  /* 背景渐变 - 更亮、更具科技感 */
  --bg-gradient-home: linear-gradient(135deg, #0A0E1A 0%, #00B8D9 50%, #0A0E1A 100%);
  --bg-gradient-product: linear-gradient(135deg, #0A0E1A 0%, #80DEEA 50%, #0A0E1A 100%);
  --bg-gradient-partners: linear-gradient(135deg, #0A0E1A 0%, #E1BEE7 50%, #0A0E1A 100%);
  --bg-gradient-contact: linear-gradient(135deg, #0A0E1A 0%, #64DD17 50%, #0A0E1A 100%);
  --bg-gradient-news: linear-gradient(135deg, #0A0E1A 0%, #FFD54F 50%, #0A0E1A 100%);

  /* ===================== 透明度系统 ===================== */
  --bg-overlay: rgba(10, 14, 26, 0.8);
  --border-color: rgba(0, 184, 217, 0.4);
  --bg-grid: rgba(0, 184, 217, 0.05);
  --bg-radial: rgba(0, 184, 217, 0.1);
  --bg-hover: rgba(0, 184, 217, 0.2);

  /* ===================== 文字特效系统 ===================== */
  /* 修改css/colors.css文件，添加缺失的变量 */

  :root {
    /* 已有的变量定义保持不变... */

    /* ===================== 新增变量 - 修复connect.css使用的变量 ===================== */
    /* 文字阴影变量 */
    --text-shadow: 0 0 1px #00B8D9, 0 0 5px rgba(0, 184, 217, 0.7); /* 与text-shadow-primary相同 */

    /* 辅助文字颜色 */
    --text-secondary: #B0BEC5; /* 使用现有的primary-silver颜色值 */

    /* 青色发光效果 */
    --accent-cyan-glow: rgba(0, 184, 217, 0.3); /* 与现有发光效果保持一致 */
  }

  --text-shadow-secondary: 0 0 2px var(--primary-silver), 0 0 7px var(--primary-cyan);
  --text-stroke: 1px rgba(0, 184, 217, 0.8);

  /* ===================== 阴影系统 ===================== */
  --shadow-sm: 0 1px 2px rgba(0, 184, 217, 0.3);
  --shadow-md: 0 2px 8px rgba(0, 184, 217, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 184, 217, 0.5);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.4);

  /* ===================== 动画系统 ===================== */
  --footer-transition: transform 0.3s ease;
  --button-transition: all 0.3s ease;
  --hover-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* 从variables.css继承的过渡和布局变量 */
  --transition: all 0.3s ease;
  --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  --hover-shadow: 0 10px 30px rgba(0, 184, 217, 0.3);
  --border-radius: 8px;

  /* ===================== 背景层颜色 ===================== */
  --bg-layer-home: #0A0E1A;
  --bg-layer-about: #0A0E1A;
  --bg-layer-product: #0A0E1A;
  --bg-layer-partners: #0A0E1A;
  --bg-layer-contact: #0A0E1A;
  --bg-layer-news: #0A0E1A;

  /* ===================== 按钮颜色 ===================== */
  --btn-primary-bg: #0A0E1A;
  --btn-primary-hover: #121a38;
  --btn-primary-text: var(--primary-cyan);
  --btn-primary-border: var(--primary-blue);

  /* ===================== 卡片颜色 ===================== */
  --card-bg: rgba(10, 14, 26, 0.85);
  --card-border: var(--border-color);

  /* ===================== 玻璃态效果 ===================== */
  --glass-bg: rgba(10, 14, 26, 0.85);
  --glass-border: rgba(0, 184, 217, 0.3);
  --glass-shadow: 0 8px 32px rgba(0, 184, 217, 0.2);
}

/* ===================== 颜色使用说明 ===================== */
/*
基础颜色使用指南：
- --primary-black: 主要用于背景色
- --primary-blue: 主要用于边框和悬停效果
- --primary-cyan: 主要用于文字和强调元素
- --primary-silver: 主要用于次要文字
- --primary-gray: 主要用于禁用状态文字
- --accent-gold: 主要用于特殊强调

渐变使用指南：
- --primary-gradient: 主要标题和重要元素
- --primary-gradient-border: 边框和分割线

透明度使用指南：
- 0.03: 网格背景
- 0.06: 径向渐变背景
- 0.15: 悬停效果
- 0.3: 边框
- 0.8: 遮罩层
*/