/* =========================================================
   共享计划 · 设计令牌 Design Tokens
   白天=暖色（默认） / 夜晚=冷色紫蓝
   改颜色只需要改这一个文件
   ========================================================= */

/* ---------------- 方舟像素体（Ark Pixel Font, OFL） ---------------- */
@font-face {
  font-family: "Ark Pixel";
  src: url("/fonts/ark-pixel-latin.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF;
}
@font-face {
  font-family: "Ark Pixel";
  src: url("/fonts/ark-pixel-zh_hans.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  unicode-range: U+2E80-9FFF, U+F900-FAFF, U+FE30-FE4F, U+FF00-FFEF, U+3000-303F;
}

:root {
  /* 圆角 */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* 动效曲线 */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring: cubic-bezier(0.22, 1.35, 0.36, 1);
  --dur-fast: 150ms;
  --dur: 260ms;
  --dur-slow: 420ms;

  /* 玻璃 */
  --blur: 22px;
  --blur-strong: 34px;

  /* 字体：方舟像素体优先，系统字体兜底 */
  --font: "Ark Pixel", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --maxw: 1280px;

  /* 玻璃材质：高光边 + 内侧反光 + 噪点 */
  --glass-sheen: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.20) 0%,
    rgba(255, 255, 255, 0.06) 26%,
    rgba(255, 255, 255, 0) 48%,
    rgba(255, 255, 255, 0.04) 78%,
    rgba(255, 255, 255, 0.10) 100%
  );
  --glass-edge: inset 0 1px 0 rgba(255, 255, 255, 0.55),
                inset 0 -1px 0 rgba(255, 255, 255, 0.10),
                inset 1px 0 0 rgba(255, 255, 255, 0.14),
                inset -1px 0 0 rgba(255, 255, 255, 0.14);
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}

/* ---------------- 白天模式（茶花红 + 雾白 · 默认） ---------------- */
:root,
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f2efea;          /* 雾白，不是纯白 */
  --bg-2: #e9e3dd;

  --surface: rgba(245, 241, 236, 0.62);
  --surface-strong: rgba(246, 243, 238, 0.86);
  --surface-hover: rgba(248, 245, 241, 0.92);
  --surface-solid: rgba(243, 239, 234, 0.94);

  /* 玻璃材质参数 */
  --glass-tint: rgba(244, 238, 233, 0.52);
  --glass-sat: 175%;
  --glass-bright: 1.02;
  --glass-edge-hi: rgba(255, 255, 255, 0.66);
  --glass-edge-lo: rgba(255, 255, 255, 0.14);
  --glass-noise: 0.10;

  --text: #2a2124;
  --text-sub: #6e6165;
  --text-mute: #a09397;

  --accent: #c42b46;      /* 茶花红 */
  --accent-2: #e0657a;    /* 浅茶花红，做渐变另一端 */
  --accent-soft: rgba(196, 43, 70, 0.14);
  --accent-ink: #8f1b30;

  --border: rgba(64, 32, 38, 0.08);
  --border-strong: rgba(64, 32, 38, 0.14);

  --shadow-sm: 0 2px 10px rgba(70, 30, 36, 0.06);
  --shadow: 0 10px 34px rgba(70, 30, 36, 0.10);
  --shadow-lg: 0 24px 60px rgba(70, 30, 36, 0.16);

  --skeleton: rgba(64, 32, 38, 0.055);
  --skeleton-hi: rgba(64, 32, 38, 0.09);

  /* 茶花红渐变光影：深茶花 / 浅茶花 / 暖粉 */
  --blob-1: rgba(209, 52, 76, 0.44);
  --blob-2: rgba(240, 130, 146, 0.38);
  --blob-3: rgba(255, 184, 176, 0.30);

  --scrim: rgba(46, 24, 28, 0.34);
}

/* ---------------- 夜晚模式（极夜蓝 · 星雪银 · 冷月灰） ----------------
   配色来自品牌色卡：
     极夜蓝 #0D2349  RGB 13 35 73    深邃 / 静谧 / 辽阔
     星雪银 #BDCDDC  RGB 189 205 220 清冷 / 干净 / 克制
     冷月灰 #768294  RGB 118 130 148 理性 / 安静 / 低调
   ------------------------------------------------------------------- */
:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0d2349;          /* 极夜蓝：页面底色 */
  --bg-2: #0a1b3b;        /* 更深一档，给渐变/底部压边 */

  /* 玻璃表面：极夜蓝提亮一点做卡片，避免整片死黑 */
  --surface: rgba(23, 44, 80, 0.58);
  --surface-strong: rgba(19, 38, 72, 0.86);
  --surface-hover: rgba(38, 62, 104, 0.72);
  --surface-solid: rgba(11, 28, 58, 0.95);

  /* 玻璃材质参数 */
  --glass-tint: rgba(13, 35, 73, 0.50);
  --glass-sat: 150%;
  --glass-bright: 0.96;
  --glass-edge-hi: rgba(189, 205, 220, 0.30);
  --glass-edge-lo: rgba(189, 205, 220, 0.05);
  --glass-noise: 0.12;

  /* 文字：星雪银做主色，冷月灰做次要 */
  --text: #bdcddc;
  --text-sub: #8d9db1;
  --text-mute: #768294;

  /* 强调色：星雪银（清冷克制），按钮文字用极夜蓝压住对比 */
  --accent: #bdcddc;
  --accent-2: #dbe6f1;
  --accent-soft: rgba(189, 205, 220, 0.16);
  --accent-ink: #e8f0f8;

  --border: rgba(189, 205, 220, 0.14);
  --border-strong: rgba(189, 205, 220, 0.24);

  --shadow-sm: 0 2px 12px rgba(4, 12, 28, 0.45);
  --shadow: 0 14px 40px rgba(4, 12, 28, 0.55);
  --shadow-lg: 0 28px 70px rgba(2, 8, 20, 0.66);

  --skeleton: rgba(189, 205, 220, 0.08);
  --skeleton-hi: rgba(189, 205, 220, 0.14);

  /* 光斑：星雪银 / 冷月灰 / 稍亮的极夜蓝，全部低饱和 */
  --blob-1: rgba(189, 205, 220, 0.42);
  --blob-2: rgba(118, 130, 148, 0.36);
  --blob-3: rgba(74, 118, 180, 0.40);

  --scrim: rgba(6, 16, 34, 0.66);
}