/* ============================================================
   全站配色（深色页面共用）
   换配色：只改本文件。
     · 想整体换色调 → 改下面 :root 里带中文注释的主变量。
     · 想切浅色主题 → theme.js 会给 <html data-theme="light">，
       本文件已备好整套浅色值，页面无需改动。
     · 想微调某个具体色 → 底部 --c-xxxxxx 是逐色变量，名字就是它原本的色值。
   例外：timetable.html 是浅色课表，自己一套变量，不引用本文件。
   ============================================================ */

:root{
  color-scheme:dark;
  /* —— 主变量 —— */
  --bg:#06070b;                        /* 页面底色 */
  --bg-2:#0b0e15;                      /* 面板/输入框底 */
  --bg-3:#141a28;                      /* 深色渐变深端 */
  --bg-4:#2a3350;                      /* 深色渐变浅端 */
  --w:255,255,255;                     /* 叠加基色：卡片底、边框都由它推出来 */
  --line:rgba(var(--w),.075);          /* 细边框 */
  --line-2:rgba(var(--w),.16);         /* 边框加强（hover） */
  --txt:#e9edf5;                       /* 主文字 */
  --dim:#8b96ab;                       /* 次要文字 */
  --dim-2:#5c6678;                     /* 更弱的文字（时间、计数） */
  --blue:#4d6bfe;                      /* 品牌蓝 */
  --violet:#8b5cf6;                    /* 品牌紫 */
  --cyan:#22d3ee;                      /* 点缀青 */
  --ease:cubic-bezier(.22,.61,.36,1);  /* 统一缓动 */
  --r:16px;                            /* 卡片圆角（个别页面覆盖） */
  /* 顶栏 / 浮标的毛玻璃底 */
  --glass-1:rgba(17,21,33,.88);
  --glass-2:rgba(26,32,50,.96);
  --glass-3:rgba(6,7,11,.82);
  --glass-4:rgba(13,15,22,.97);
  --glass-5:rgba(20,26,38,.97);
  --glass-6:rgba(9,11,17,.88);
  --glass-7:rgba(20,26,38,.96);
  --glass-8:rgba(17,21,33,.86);
  /* 正文反色 / 内凹输入框底 */
  --hi:#fff;
  --sunken-1:rgba(0,0,0,.32);
  --sunken-2:rgba(0,0,0,.3);
  --sunken-3:rgba(0,0,0,.25);

  /* —— 逐色变量（深色值 = 原始色值） —— */

  /* 主文字 / 极亮 */
  --c-e9edf5:#e9edf5;
  --c-eaf0ff:#eaf0ff;
  --c-dbe4ff:#dbe4ff;
  --c-dbe6ff:#dbe6ff;
  --c-e4ebff:#e4ebff;
  --c-dfe6f3:#dfe6f3;
  --c-e2e8f4:#e2e8f4;
  /* 次亮文字 */
  --c-c9d3e4:#c9d3e4;
  --c-cfd8e8:#cfd8e8;
  --c-cfd7e6:#cfd7e6;
  --c-c8d2e4:#c8d2e4;
  --c-c7d0dd:#c7d0dd;
  /* 中灰文字 */
  --c-c3ccdd:#c3ccdd;
  --c-c3ccdc:#c3ccdc;
  --c-b7c2d6:#b7c2d6;
  --c-b9c6e6:#b9c6e6;
  --c-b9c3d4:#b9c3d4;
  --c-c6d0e2:#c6d0e2;
  --c-b9c6de:#b9c6de;
  --c-a9b6cc:#a9b6cc;
  --c-a6b2c8:#a6b2c8;
  /* 弱灰文字 */
  --c-9fb0cc:#9fb0cc;
  --c-8fa0bb:#8fa0bb;
  --c-93a0b5:#93a0b5;
  --c-8b96ab:#8b96ab;
  --c-8b96a8:#8b96a8;
  --c-7f8ba0:#7f8ba0;
  --c-7d879c:#7d879c;
  --c-7d8899:#7d8899;
  /* 最弱文字 */
  --c-5b6478:#5b6478;
  --c-5c6678:#5c6678;
  --c-5f7ba8:#5f7ba8;
  /* 蓝族（链接/强调） */
  --c-c9d8ff:#c9d8ff;
  --c-c7d6ff:#c7d6ff;
  --c-c3d2ff:#c3d2ff;
  --c-b7cbff:#b7cbff;
  --c-a9bcff:#a9bcff;
  --c-a7bcff:#a7bcff;
  --c-9fb6ff:#9fb6ff;
  --c-9fb4ff:#9fb4ff;
  --c-8fb0ff:#8fb0ff;
  --c-7c9bff:#7c9bff;
  --c-6d86ff:#6d86ff;
  --c-7d9be0:#7d9be0;
  --c-7194d8:#7194d8;
  /* 紫族 */
  --c-7c5cf7:#7c5cf7;
  --c-7d5cf6:#7d5cf6;
  --c-a78bfa:#a78bfa;
  /* 品牌色 */
  --c-4d6bfe:#4d6bfe;
  --c-8b5cf6:#8b5cf6;
  /* 语义 绿 */
  --c-39d98a:#39d98a;
  --c-6ee7a8:#6ee7a8;
  --c-7ce0ad:#7ce0ad;
  --c-5ad19a:#5ad19a;
  --c-9ff0c4:#9ff0c4;
  --c-d8ffe9:#d8ffe9;
  --c-7fa994:#7fa994;
  /* 语义 红 */
  --c-ff7a7a:#ff7a7a;
  --c-ff9a9a:#ff9a9a;
  --c-ff8b8b:#ff8b8b;
  --c-ff8fab:#ff8fab;
  /* 语义 橙 */
  --c-ffb454:#ffb454;
  /* 背景 / 面板 */
  --c-0b0e15:#0b0e15;
  --c-0d1017:#0d1017;
  --c-0d1119:#0d1119;
  --c-080b11:#080b11;
  --c-141a28:#141a28;
  --c-2a3350:#2a3350;
  --c-a9b8d6:#a9b8d6;
  --c-ff9aa9:#ff9aa9;
  --c-6c778a:#6c778a;
}


/* ============================================================
   浅色主题：<html data-theme="light"> 时生效
   ============================================================ */
[data-theme="light"]{
  color-scheme:light;
  --bg:#f2f5fa;
  --bg-2:#ffffff;
  --bg-3:#dbe3f0;
  --bg-4:#c8d4e8;
  --w:16,22,38;
  --line:rgba(var(--w),.10);
  --line-2:rgba(var(--w),.20);
  --txt:#111826;
  --dim:#4a5568;
  --dim-2:#8b95a8;
  --blue:#3b52e8;
  --violet:#7534e0;
  --cyan:#0e8fa0;
  --glass-1:rgba(255,255,255,.92);
  --glass-2:rgba(255,255,255,.96);
  --glass-3:rgba(255,255,255,.86);
  --glass-4:rgba(255,255,255,.97);
  --glass-5:rgba(255,255,255,.97);
  --glass-6:rgba(255,255,255,.92);
  --glass-7:rgba(255,255,255,.96);
  --glass-8:rgba(255,255,255,.92);
  /* 正文反色 / 内凹输入框底 */
  --hi:#0b1120;
  --sunken-1:rgba(255,255,255,.9);
  --sunken-2:rgba(255,255,255,.9);
  --sunken-3:rgba(255,255,255,.86);

  /* —— 逐色变量 —— */

  /* 主文字 / 极亮 */
  --c-e9edf5:#111826;
  --c-eaf0ff:#111826;
  --c-dbe4ff:#111826;
  --c-dbe6ff:#111826;
  --c-e4ebff:#111826;
  --c-dfe6f3:#111826;
  --c-e2e8f4:#111826;
  /* 次亮文字 */
  --c-c9d3e4:#2c3648;
  --c-cfd8e8:#2c3648;
  --c-cfd7e6:#2c3648;
  --c-c8d2e4:#2c3648;
  --c-c7d0dd:#2c3648;
  /* 中灰文字 */
  --c-c3ccdd:#3f4a5e;
  --c-c3ccdc:#3f4a5e;
  --c-b7c2d6:#3f4a5e;
  --c-b9c6e6:#3f4a5e;
  --c-b9c3d4:#3f4a5e;
  --c-c6d0e2:#3f4a5e;
  --c-b9c6de:#3f4a5e;
  --c-a9b6cc:#4a5568;
  --c-a6b2c8:#4a5568;
  /* 弱灰文字 */
  --c-9fb0cc:#6b7688;
  --c-8fa0bb:#6b7688;
  --c-93a0b5:#6b7688;
  --c-8b96ab:#6b7688;
  --c-8b96a8:#6b7688;
  --c-7f8ba0:#6b7688;
  --c-7d879c:#6b7688;
  --c-7d8899:#6b7688;
  /* 最弱文字 */
  --c-5b6478:#8b95a8;
  --c-5c6678:#8b95a8;
  --c-5f7ba8:#7a8496;
  /* 蓝族（链接/强调） */
  --c-c9d8ff:#3448c8;
  --c-c7d6ff:#3448c8;
  --c-c3d2ff:#3448c8;
  --c-b7cbff:#3448c8;
  --c-a9bcff:#4457d4;
  --c-a7bcff:#4457d4;
  --c-9fb6ff:#4457d4;
  --c-9fb4ff:#4457d4;
  --c-8fb0ff:#4a5bd6;
  --c-7c9bff:#4a5bd6;
  --c-6d86ff:#4a5bd6;
  --c-7d9be0:#4358b8;
  --c-7194d8:#4358b8;
  /* 紫族 */
  --c-7c5cf7:#6f3ae0;
  --c-7d5cf6:#6f3ae0;
  --c-a78bfa:#7c53e8;
  /* 品牌色 */
  --c-4d6bfe:#3b52e8;
  --c-8b5cf6:#7534e0;
  /* 语义 绿 */
  --c-39d98a:#12905c;
  --c-6ee7a8:#12905c;
  --c-7ce0ad:#12905c;
  --c-5ad19a:#12905c;
  --c-9ff0c4:#12905c;
  --c-d8ffe9:#0f7a4a;
  --c-7fa994:#3f7d63;
  /* 语义 红 */
  --c-ff7a7a:#d13b4a;
  --c-ff9a9a:#d13b4a;
  --c-ff8b8b:#d13b4a;
  --c-ff8fab:#c93a63;
  /* 语义 橙 */
  --c-ffb454:#a86a10;
  /* 背景 / 面板 */
  --c-0b0e15:#ffffff;
  --c-0d1017:#ffffff;
  --c-0d1119:#ffffff;
  --c-080b11:#ffffff;
  --c-141a28:#dbe3f0;
  --c-2a3350:#c8d4e8;
  --c-a9b8d6:#4a5568;
  --c-ff9aa9:#d13b4a;
  --c-6c778a:#8b95a8;
}
