/* 主题变量与壁纸。颜色值取自视觉原型各页底部的 THEMES / WALLPAPERS。 */
:root {
  color-scheme: dark;
  --font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --mono: ui-monospace, Menlo, Consolas, "SFMono-Regular", monospace;

  /* 菜单栏 */
  --bar: rgba(10, 10, 12, 0.6);
  --bar-line: rgba(255, 255, 255, 0.06);
  --bar-text: #FFFFFF;
  --bar-muted: #D4D4D8;

  /* 窗口（透明度由 --win-a 控制，外观里的滑块会改它） */
  --win-rgb: 20, 21, 26;
  --win-a: 0.8;
  --win-line: rgba(255, 255, 255, 0.1);
  --win-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
  --line: rgba(255, 255, 255, 0.06);

  --card: rgba(255, 255, 255, 0.05);
  --card-line: rgba(255, 255, 255, 0.08);
  --sel: rgba(255, 255, 255, 0.1);

  --text: #F4F4F6;
  --text2: #D4D4D8;
  --muted: #A1A1AA;
  --dot: #3F3F46;

  --pri: #FFFFFF;
  --pri-text: #111113;
  --outline: rgba(255, 255, 255, 0.3);
  --field: rgba(255, 255, 255, 0.06);
  --field-line: rgba(255, 255, 255, 0.12);

  /* 程序坞 */
  --dock: rgba(30, 30, 36, 0.62);
  --dock-line: rgba(255, 255, 255, 0.1);
  --tile: rgba(255, 255, 255, 0.1);
  --sep-line: rgba(255, 255, 255, 0.18);
  --tip-bg: #FFFFFF;
  --tip-text: #111113;
  --badge-ring: rgba(30, 30, 36, 0.9);

  --track: rgba(255, 255, 255, 0.1);

  --good: #86EFAC;
  --good-dot: #4ADE80;
  --good-bg: transparent;
  --good-line: rgba(74, 222, 128, 0.45);
  --good-solid: #4ADE80;
  --good-solid-text: #052E16;
  --warn: #FCD34D;
  --info: #93C5FD;
  --bad: #FCA5A5;

  --pulse-tile: #1E2633;
  --pulse-fg: #93C5FD;

  /* 弹层 / 提示卡 */
  --scrim: rgba(10, 10, 14, 0.55);
  --sheet: rgba(24, 25, 30, 0.94);
  --sheet-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);

  /* 桌面小组件 */
  --widget: rgba(20, 21, 26, 0.72);
  --widget-line: rgba(255, 255, 255, 0.1);
  --widget-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);

  --focus: #93C5FD;

  /* 壁纸上直接放的文字（手机图标名等），随壁纸深浅切换 */
  --on-wall: #FFFFFF;
  --on-wall-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  --on-wall-dash: rgba(255, 255, 255, 0.7);
}

:root[data-theme="light"] {
  color-scheme: light;

  --bar: rgba(250, 250, 252, 0.72);
  --bar-line: rgba(0, 0, 0, 0.06);
  --bar-text: #1C1C1E;
  --bar-muted: #3A3A3C;

  --win-rgb: 248, 248, 250;
  --win-a: 0.86;
  --win-line: rgba(255, 255, 255, 0.65);
  --win-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
  --line: rgba(0, 0, 0, 0.06);

  --card: rgba(255, 255, 255, 0.82);
  --card-line: rgba(0, 0, 0, 0.06);
  --sel: rgba(0, 0, 0, 0.07);

  --text: #1C1C1E;
  --text2: #3A3A3C;
  --muted: #55555C;
  --dot: #C7C7CC;

  --pri: #1C1C1E;
  --pri-text: #FFFFFF;
  --outline: rgba(0, 0, 0, 0.18);
  --field: rgba(255, 255, 255, 0.85);
  --field-line: rgba(0, 0, 0, 0.1);

  --dock: rgba(250, 250, 252, 0.62);
  --dock-line: rgba(255, 255, 255, 0.7);
  --tile: #FFFFFF;
  --sep-line: rgba(0, 0, 0, 0.12);
  --tip-bg: #1C1C1E;
  --tip-text: #FFFFFF;
  --badge-ring: rgba(250, 250, 252, 0.95);

  --track: rgba(0, 0, 0, 0.08);

  --good: #166534;
  --good-dot: #16A34A;
  --good-bg: #DCFCE7;
  --good-line: transparent;
  --good-solid: #16A34A;
  --good-solid-text: #FFFFFF;
  --warn: #92400E;
  --info: #1D4ED8;
  --bad: #B91C1C;

  --pulse-tile: #E3EAF5;
  --pulse-fg: #1D4ED8;

  --scrim: rgba(240, 240, 244, 0.5);
  --sheet: rgba(250, 250, 252, 0.96);
  --sheet-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);

  --widget: rgba(250, 250, 252, 0.74);
  --widget-line: rgba(255, 255, 255, 0.7);
  --widget-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);

  --focus: #1D4ED8;
}

:root[data-wall-tone="light"] {
  --on-wall: #1C1C1E;
  --on-wall-shadow: none;
  --on-wall-dash: rgba(0, 0, 0, 0.35);
}

/* ---------- 壁纸 ---------- */
.wp-dusk { background: radial-gradient(circle at 18% 22%, rgba(88, 110, 150, 0.42) 0, rgba(88, 110, 150, 0) 52%), radial-gradient(circle at 84% 78%, rgba(150, 112, 86, 0.34) 0, rgba(150, 112, 86, 0) 50%), radial-gradient(circle at 62% 8%, rgba(70, 92, 112, 0.3) 0, rgba(70, 92, 112, 0) 40%), #14171F; }
.wp-deep { background: radial-gradient(circle at 70% 30%, rgba(64, 112, 132, 0.36) 0, rgba(64, 112, 132, 0) 52%), radial-gradient(circle at 20% 85%, rgba(40, 70, 92, 0.4) 0, rgba(40, 70, 92, 0) 50%), #121C26; }
.wp-forest { background: radial-gradient(circle at 30% 72%, rgba(92, 132, 108, 0.38) 0, rgba(92, 132, 108, 0) 55%), radial-gradient(circle at 78% 18%, rgba(70, 96, 84, 0.3) 0, rgba(70, 96, 84, 0) 45%), #1C2622; }
.wp-graphite { background: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px) 0 0 / 22px 22px, #24262B; }
.wp-mist { background: radial-gradient(circle at 20% 25%, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0) 50%), radial-gradient(circle at 82% 80%, rgba(182, 194, 210, 0.9) 0, rgba(182, 194, 210, 0) 55%), #DCE1E7; }
.wp-sand { background: radial-gradient(circle at 76% 20%, rgba(255, 250, 240, 0.85) 0, rgba(255, 250, 240, 0) 50%), radial-gradient(circle at 18% 86%, rgba(200, 182, 158, 0.75) 0, rgba(200, 182, 158, 0) 55%), #E4DACB; }
.wp-sage { background: radial-gradient(circle at 25% 30%, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0) 50%), radial-gradient(circle at 80% 75%, rgba(160, 180, 162, 0.8) 0, rgba(160, 180, 162, 0) 55%), #D3DBD2; }
.wp-paper { background: radial-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px) 0 0 / 22px 22px, #ECEBE7; }