/* 颜色变量 */

:root {
  --bg-color: #121212;
  --text-color: #eeeeee;
  --nav-bg-color: #1e1e1ec9;
  --nav-link-color: #bbbbbb;
  --nav-link-hover-color: #7abaff;
  --border-color: #444;
  --username-color: #bbbbbb;
  --ping-color: #777777;
  --notify-bg-color: #222;
  --notify-text-color: #eee;
  --notify-border-color: #555;
  --notify-close-hover-bg: #444;
  --save-button-bg: #388e3c;
  --save-button-bg-hover: #2e7d32;
  --edit-button-bg: #1976d2;
  --edit-button-bg-hover: #1565c0;
  --delete-button-bg: #d32f2f;
  --delete-button-bg-hover: #c62828;
  --button-text-color: #ffffff;
  --title-color: #bbbbbb;
  --title-color-right: #7abaff;
  --clear-button-color: rgba(0, 204, 255, 0.123);

  /* ⭐ Default warning color */
  --warning-color: #ffa726; /* 明亮但不刺的橙色 */
}

[data-theme="white"] {
  --bg-color: #ffffff;
  --text-color: #333333;
  --nav-bg-color: #f8f8f8cb;
  --nav-link-color: #555555;
  --nav-link-hover-color: #55b2f5;
  --border-color: #ddd;
  --username-color: #555555;
  --ping-color: #999999;
  --notify-bg-color: #fff;
  --notify-text-color: #333;
  --notify-border-color: #ccc;
  --notify-close-hover-bg: #eee;
  --save-button-bg: #4caf50;
  --save-button-bg-hover: #43a047;
  --edit-button-bg: #2196f3;
  --edit-button-bg-hover: #1976d2;
  --delete-button-bg: #f44336;
  --delete-button-bg-hover: #e53935;
  --button-text-color: #fff;
  --title-color: #0259aa;
  --title-color-right: #00b8b1;
  --clear-button-color: rgba(255, 255, 255, 0.466);

  /* ⭐ warning */
  --warning-color: #ff9800;
}

[data-theme="dark"] {
  --bg-color: #000000;
  --text-color: #e0e0e0;
  --nav-bg-color: #0a0a0ac4;
  --nav-link-color: #9a9a9a;
  --nav-link-hover-color: #7abaff;
  --border-color: #333;
  --username-color: #bbbbbb;
  --ping-color: #666;
  --notify-bg-color: #0d0d0d;
  --notify-text-color: #f0f0f0;
  --notify-border-color: #333;
  --notify-close-hover-bg: #1a1a1a;
  --save-button-bg: #2e7d32;
  --save-button-bg-hover: #256628;
  --edit-button-bg: #1565c0;
  --edit-button-bg-hover: #0d47a1;
  --delete-button-bg: #c62828;
  --delete-button-bg-hover: #b71c1c;
  --button-text-color: #ffffff;
  --title-color: #cccccc;
  --title-color-right: #6bb7ff;
  --clear-button-color: rgba(0, 204, 255, 0.15);

  /* ⭐ warning */
  --warning-color: #ffa040;
}

[data-theme="pink"] {
  --bg-color: #fff0f5;
  --text-color: #4a154b;
  --nav-bg-color: #ffe4f0c4;
  --nav-link-color: #d81b60;
  --nav-link-hover-color: #f06292;
  --border-color: #f8bbd0;
  --username-color: #ad1457;
  --ping-color: #ec407a;
  --notify-bg-color: #fff0f5;
  --notify-text-color: #4a154b;
  --notify-border-color: #f48fb1;
  --notify-close-hover-bg: #fce4ec;
  --save-button-bg: #ec407a;
  --save-button-bg-hover: #d81b60;
  --edit-button-bg: #f06292;
  --edit-button-bg-hover: #e91e63;
  --delete-button-bg: #f44336;
  --delete-button-bg-hover: #e53935;
  --button-text-color: #fff;
  --title-color: #ec407a;
  --title-color-right: #f48fb1;
  --clear-button-color: rgba(234, 0, 255, 0.123);

  /* ⭐ warning */
  --warning-color: #ff7d8a; /* 带桃粉的警告色 */
}

[data-theme="blue"] {
  --bg-color: #e3f2fd;
  --text-color: #0d47a1;
  --nav-bg-color: #bbdefbc0;
  --nav-link-color: #1976d2;
  --nav-link-hover-color: #64b5f6;
  --border-color: #90caf9;
  --username-color: #0d47a1;
  --ping-color: #42a5f5;
  --notify-bg-color: #e3f2fd;
  --notify-text-color: #0d47a1;
  --notify-border-color: #64b5f6;
  --notify-close-hover-bg: #bbdefb;
  --save-button-bg: #42a5f5;
  --save-button-bg-hover: #1e88e5;
  --edit-button-bg: #2196f3;
  --edit-button-bg-hover: #1976d2;
  --delete-button-bg: #f44336;
  --delete-button-bg-hover: #e53935;
  --button-text-color: #fff;
  --title-color: #007cf0;
  --title-color-right: #019ac9;
  --clear-button-color: rgba(0, 255, 98, 0.123);

  /* ⭐ warning */
  --warning-color: #ffb74d; /* 琥珀色，蓝色搭配最佳 */
}

[data-theme="dark-blue"] {
  --bg-color: #0d1117;
  --text-color: #dbe9f9;
  --nav-bg-color: #161b22bd;
  --nav-link-color: #4ea1f3;
  --nav-link-hover-color: #90caf9;
  --border-color: #30363d;
  --username-color: #58a6ff;
  --ping-color: #79c0ff;
  --notify-bg-color: #161b22;
  --notify-text-color: #dbe9f9;
  --notify-border-color: #30363d;
  --notify-close-hover-bg: #1e2530;
  --save-button-bg: #238636;
  --save-button-bg-hover: #2ea043;
  --edit-button-bg: #2d6cdf;
  --edit-button-bg-hover: #1f4fbf;
  --delete-button-bg: #da3633;
  --delete-button-bg-hover: #b62324;
  --button-text-color: #ffffff;
  --title-color: #58a6ff;
  --title-color-right: #a5d6ff;
  --clear-button-color: rgba(0, 238, 255, 0.123);

  /* ⭐ warning */
  --warning-color: #f39c12; /* 深蓝环境下最柔和的警告色 */
}

[data-theme="green"] {
  --bg-color: #e8f5e9;
  --text-color: #1b5e20;
  --nav-bg-color: #c8e6c9bb;
  --nav-link-color: #388e3c;
  --nav-link-hover-color: #81c784;
  --border-color: #a5d6a7;
  --username-color: #2e7d32;
  --ping-color: #66bb6a;
  --notify-bg-color: #e8f5e9;
  --notify-text-color: #1b5e20;
  --notify-border-color: #a5d6a7;
  --notify-close-hover-bg: #c8e6c9;
  --save-button-bg: #43a047;
  --save-button-bg-hover: #2e7d32;
  --edit-button-bg: #66bb6a;
  --edit-button-bg-hover: #43a047;
  --delete-button-bg: #f44336;
  --delete-button-bg-hover: #e53935;
  --button-text-color: #fff;
  --title-color: #43a047;
  --title-color-right: #66bb6a;
  --clear-button-color: rgba(102, 255, 0, 0.123);

  /* ⭐ warning */
  --warning-color: #f93325; /* 大地系黄橙色，与绿色非常搭 */
}