/*
 * @file assets/index.css
 * @description 全局样式文件
 * @since Beta v0.3.5
 */

@import "fonts/index.css";
@import url("themes/default.css");
@import url("themes/dark.css");

:root {
  /* font */
  --font-text: "JetBrians mono", "Genshin-Light", sans-serif;
  --font-title: "JetBrians mono Bold", "Genshin", serif;

  /* color white */
  --tgc-white-1: #ffffff; /* normal white */
  --tgc-white-2: #f0f1f6; /* Github mobile bg */
  --tgc-white-3: #f6f8fa; /* Github web bg */
  --tgc-white-4: #faf7e8; /* Genshin text */
  --tgc-white-5: #ece5d8; /* Genshin text */

  /* color dark */
  --tgc-dark-1: #000000; /* normal dark */
  --tgc-dark-2: #202020; /* Tauri app nav */
  --tgc-dark-5: #161b22; /* Github web list nav */
  --tgc-dark-7: #393b40; /* Genshin btn bg */
  --tgc-dark-8: #121212; /* Github web bg */

  /* color other */
  --tgc-blue-1: #3572a5; /* Github web lang bar */
  --tgc-blue-2: #00aeec; /* Bilibili btn bg */
  --tgc-blue-3: #4b5466; /* Genshin icon bg */
  --tgc-pink-1: #fb7299; /* Bilibili btn bg */
  --tgc-red-1: #e06c63; /* Mys bbs color */
  --tgc-yellow-1: #ffcd0c; /* Genshin btn bg */
  --tgc-yellow-2: #f4d8a8; /* Genshin confirm text */
  --tgc-yellow-3: #e0c06b; /* Genshin btn border */

  /* some css same in dark and default theme */
  --tgc-btn-1: var(--tgc-dark-7); /* button bg */
}

/*
 * @description 根 html 样式
 * @since Beta v0.3.0
 */
html {
  overflow: auto;
  background: var(--app-page-bg);
  font-family: var(--font-text);
  font-size: 16px;
}

/*
 * @description 侧边滚动条样式
 * @since Beta v0.3.0
 */
::-webkit-scrollbar {
  width: 8px;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--common-shadow-2);
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--common-shadow-2);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--common-shadow-4);
}