/* 文字サイズの基準（1rem = 10px） */
html {
  font-size: 62.5%;
}

/* 変数 */
:root {
  --font-size: 1.2rem;
  --font-size-small: 1.1rem;
  --font-color: var(--sync-black);
  --header-menu-height: 0;
  --main-background-color: #f5f6f8;
  --main-color: var(--sync-blue);

  --sidebar-menu-width: 175px;
  --sidebar-item-height: 48px;
  --sidebar-background-color: var(--sync-black);
  --sidebar-item-hover-color: #4e4e4e;

  /* 色 */
  --sync-black: #373737;
  --sync-blue: #3b7bda;
  --sync-light-blue: #35bbf4;
  --sync-dark-blue: #1665c4;
  --sync-green: #34d4af;
  --sync-light-green: #8fe073;
  --sync-yellow: #fbd302;
  --sync-orange: #ffa450;
  --sync-pink: #ffb0ab;
  --sync-blue-gray: #8aa8cc;
  --sync-gray: #aeaeaf;
  --sync-dark-gray: #767676;
  --sync-light-gray: #9d9d9d;
  --sync-red: #d04143;

  /* タグ */
  --sync-tag-red: #cf5b5e;
  --sync-tag-yet: #db4437;
  --sync-tag-done: #9d9d9d;
  /* Bootstrapの上書き */
  --bs-breadcrumb-divider: '>';
}