/* ============================================================
   tokens.css — 全站设计变量 v6「极简扁平 · 白 × 靛蓝」
   参考系：LeonXie / Butterfly 系干净博客风——大面积留白、单一强调色、无渐变
   ============================================================ */

:root {
  /* 品牌渐变双色：青瓷 → 靛蓝 */
  --brand: #0ea5a0;
  --brand-2: #5b7cf0;
  --brand-hover: #0c8f86;
  --brand-op: rgba(14, 165, 160, .13);
  --grad-brand: linear-gradient(120deg, #0ea5a0 0%, #38a3f8 55%, #6366f1 100%);
  --grad-soft: linear-gradient(120deg, rgba(14, 165, 160, .13), rgba(99, 118, 240, .13));

  /* 四模块主题色 */
  --c-tech: #38bdf8;        /* 技术 · 天青 */
  --c-tech-deep: #0284c7;
  --c-diary: #f59e0b;       /* 日记 · 琥珀 */
  --c-diary-deep: #c2740a;
  --c-essay: #9c8468;       /* 散文 · 纸墨棕 */
  --c-poem: #e05252;        /* 诗句 · 朱砂 */

  /* 圆角 */
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 18px;
  --r-full: 999px;

  /* 统一过渡 */
  --t: color .3s, background-color .3s, border-color .3s, opacity .3s, transform .3s, box-shadow .3s;

  /* 字体栈 */
  --font-sans: 'LXGW WenKai Screen', 'LXGW WenKai', KaiTi, STKaiti, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --font-kai: "LXGW WenKai", "LXGW WenKai Lite", KaiTi, STKaiti, serif;
  --font-brush: "Ma Shan Zheng", KaiTi, STKaiti, serif;
  --font-mono: Consolas, Menlo, Monaco, "JetBrains Mono", "Courier New", monospace;

  --header-h: 64px;

  /* 悬浮头像尺寸：约占屏宽 10% */
  --fab-size: clamp(76px, 10vw, 156px);
}

/* ---------- 亮色：晨雾青瓷 ---------- */
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #f2efe6;
  --bg-card: #fffdf8;
  --bg-card-solid: #fffdf8;
  --bg-secondary: #edeade;
  --bg-hover: #e6e1d0;
  --text: #3d3929;
  --text-2: #6b6455;
  --text-3: #a39a86;
  --border: #e3dccb;
  --header-bg: rgba(250, 248, 240, .92);

  --brand: #c96442;
  --brand-2: #c96442;
  --brand-hover: #b5531f;
  --brand-op: rgba(201, 100, 66, .12);
  --grad-brand: linear-gradient(120deg, #5b7cf0, #5b7cf0);
  --grad-soft: linear-gradient(120deg, rgba(91, 124, 240, .07), rgba(91, 124, 240, .05));

  --c-tech: #3b9fe0;
  --c-tech-deep: #2578b5;
  --c-diary: #e8940f;
  --c-diary-deep: #b87508;
  --c-essay: #9c8468;
  --c-poem: #d9534f;

  --shadow-card: 0 1px 3px rgba(80, 66, 40, .06), 0 4px 14px rgba(80, 66, 40, .05);
  --shadow-card-hover: 0 6px 20px rgba(80, 66, 40, .12);
  --shadow-float: 0 12px 32px rgba(80, 66, 40, .16);
  --shadow-brand: 0 6px 16px -6px rgba(201, 100, 66, .5);
}

/* ---------- 暗色：石墨黑（扁平，非纯黑） ---------- */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101116;
  --bg-card: #1a1c22;
  --bg-card-solid: #1a1c22;
  --bg-secondary: #23262e;
  --bg-hover: #2a2e37;
  --text: #e4e7ee;
  --text-2: rgba(228, 231, 238, .72);
  --text-3: rgba(228, 231, 238, .42);
  --border: #272b34;
  --header-bg: rgba(16, 17, 22, .92);

  --brand: #7c93f5;
  --brand-2: #7c93f5;
  --brand-hover: #98aaf8;
  --brand-op: rgba(124, 147, 245, .14);
  --grad-brand: linear-gradient(120deg, #7c93f5, #7c93f5);
  --grad-soft: linear-gradient(120deg, rgba(124, 147, 245, .1), rgba(124, 147, 245, .07));

  --c-tech: #4fb3e8;
  --c-diary: #f0a52e;
  --c-essay: #c2a988;
  --c-poem: #e6625e;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, .3);
  --shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .42);
  --shadow-float: 0 12px 32px rgba(0, 0, 0, .5);
  --shadow-brand: 0 6px 16px -6px rgba(124, 147, 245, .5);
}

/* ---------- 护眼色：青豆沙（经典护眼绿 #C7EDCC 系 + 青色点缀） ---------- */
[data-theme="green"] {
  color-scheme: light;
  --bg: #c9e5cd;
  --bg-card: #ddefe0;
  --bg-card-solid: #ddefe0;
  --bg-secondary: #c0ddc5;
  --bg-hover: #b3d4ba;
  --text: #2e4f42;
  --text-2: #4d6f5e;
  --text-3: #7d9c88;
  --border: #a9cbb0;
  --header-bg: rgba(203, 229, 208, .92);

  --brand: #2f9e7d;
  --brand-2: #2f9e7d;
  --brand-hover: #237e62;
  --brand-op: rgba(47, 158, 125, .14);
  --grad-brand: linear-gradient(120deg, #2f9e7d, #2f9e7d);
  --grad-soft: linear-gradient(120deg, rgba(47, 158, 125, .1), rgba(47, 158, 125, .06));

  --c-tech: #2e8fa8;
  --c-tech-deep: #1f6d81;
  --c-diary: #d0922a;
  --c-diary-deep: #a06f14;
  --c-essay: #7d8a63;
  --c-poem: #c25b52;

  --shadow-card: 0 1px 3px rgba(46, 79, 66, .08), 0 4px 14px rgba(46, 79, 66, .07);
  --shadow-card-hover: 0 6px 20px rgba(46, 79, 66, .15);
  --shadow-float: 0 12px 32px rgba(46, 79, 66, .2);
  --shadow-brand: 0 6px 16px -6px rgba(47, 158, 125, .5);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  html { scroll-behavior: auto !important; }
}