:root {
  /* layout內距 */
  --layout-padding: 48px;
  
  /* 背景主色 */
  --body-bg-primary: #3e98ae;
  --body-bg-primary-dark: #00375a;

  /* 背景間隔色 */
  --body-bg-secondary: #338599;
  --body-bg-secondary-dark: #004673;

  /* logo圖片 */
  --logo: url('../img/logo.png');
  --logo-with-bg: url('../img/logo.png');
  
  /* 背景圖片 */
  --kv-bg: url('../img/kv.png');
  --kv-bg-dark: url('../img/kv-dark.png');
  --kv-bg-m: url('../img/kv-m.png');
  --kv-bg-m-dark: url('../img/kv-m-dark.png');

  /* 區塊*/
  /* 標題文字 */
  --title-main-color: #fff;
  /* 標題下裝飾線 */
  --deco-line-color: #fff;
  /* 內文文字 */
  --text-normal-color: #fff;
  /* 內文標註文字 */
  --text-highlight-color: #f19ec2;
  /* 按鈕文字 */
  --btn-primary-text-color: #fff;

  /* 導覽列 */
  /* 背景色 */
  --nav-bg-color: #297081;
  --nav-bg-color-dark: #002339;
  /* 文字 */
  --nav-text-color: #fff;
  --nav-hover-color: #2A508D;
  /* 下拉選單 */
  --menu-color: #297081;
  --menu-color-dark: #002339;

  /* 書單 */
  /* 標題文字 */
  --bk-list-text-color: #fff;
  /* 標題文字 hover */
  --bk-list-text-hover-color: #2A508D;
  /* 標題文字背景色 */
  --bk-list-text-bg-color: #68a2bb;

  /* footer */
  /* 背景 */
  --footer-color: #002339;

  /* go top 按鈕背景 */
  --go-top-color: #002339;
}

@media screen and (max-width: 768px) {
  :root {
    /* layout內距 */
    --layout-padding: 24px;

    /* 導覽列文字hover */
    --nav-hover-color: rgba(255, 255, 255, .2)
  }
}