/* ========================================
   Anya & Kimo - CSS 变量定义（唯一真理源）
   
   本文件定义了网站所有页面共用的 CSS 自定义属性。
   任何页面引入本文件后即可使用这些变量。
   
   命名规范：
   - 标准名（推荐）： --bg, --pink, --purple, --accent 等
   - 兼容别名（旧代码）： --bg-primary, --accent-pink 等
     指向同名标准变量，保证旧 CSS 文件平滑过渡。
   ======================================== */

:root {
    /* ========================================
       背景色
       ======================================== */
    --bg: #0a0a1a;                       /* 主背景色（深蓝黑） */
    --bg-secondary: #111128;             /* 次级背景 */
    --surface: rgba(20, 20, 45, 0.8);    /* 卡片/面板背景（半透明） */
    --surface-hover: rgba(30, 30, 60, 0.9); /* 悬浮态面板背景 */

    /* ========================================
       边框
       ======================================== */
    --border: rgba(255, 255, 255, 0.08); /* 通用边框 */
    --border-hover: rgba(255, 255, 255, 0.15); /* 悬浮态边框 */

    /* ========================================
       文字颜色
       ======================================== */
    --text: #e8e8f0;                     /* 主文字色 */
    --text-secondary: #8888aa;           /* 次级文字色（灰色调） */

    /* ========================================
       主题强调色
       ======================================== */
    --pink: #ff6b9d;                     /* 主强调色（粉红 / Anya 色） */
    --purple: #c44dff;                   /* 次强调色（紫色） */
    --accent: linear-gradient(135deg, var(--pink), var(--purple)); /* 渐变强调 */

    /* ========================================
       发光效果
       ======================================== */
    --glow-pink: rgba(255, 107, 157, 0.4);   /* 粉色发光 */
    --glow-purple: rgba(196, 77, 255, 0.4);  /* 紫色发光 */

    /* ========================================
       功能色（状态指示）
       ======================================== */
    --success: #69db7c;                  /* 成功/正常（绿色） */
    --warning: #ffd43b;                  /* 警告（黄色） */
    --error: #ff6b6b;                    /* 错误/危险（红色） */

    /* ========================================
       字体
       ======================================== */
    --font-main: 'Nunito', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace;

    /* ========================================
       兼容别名（指向标准变量）
       旧 CSS 文件中使用这些名称仍然有效，
       无需修改旧代码即可与新模式共存。
       ======================================== */
    --bg-primary: var(--bg);             /* 旧名 -> --bg */
    --accent-pink: var(--pink);          /* 旧名 -> --pink */
    --accent-purple: var(--purple);      /* 旧名 -> --purple */
    --accent-blue: #4dabf7;              /* 蓝色强调色 */
    --accent-green: var(--success);      /* 旧名 -> --success */
    --accent-cute: #ff9ecd;              /* 浅粉色（可爱风格） */
    --accent-yellow: var(--warning);     /* 旧名 -> --warning */
    --border-color: var(--border);       /* 旧名 -> --border */
    --card-border: rgba(255, 255, 255, 0.06); /* 卡片专用边框 */
    --text-primary: var(--text);         /* 旧名 -> --text */
}