//-------------------------------------------------------------顏色---------//
// 定義顏色 此顏色可自由變換
$mainColor: #000; //主色
$secColor: #E66E0D; //輔色
$thirdColor: #0075C2; //輔色
$lightColor: #FAED00; //點綴
$linkColor: #00ffff; //連結
$importantColor: #e50012; //重要

$mainFontColor: #130A06; //一般字的顏色
$activeColor: #000;

//-------------------------------------------------------------字型--------//

// 字型設定
$arial: Arial, '微軟正黑體', 'Open Sans', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$opensans: 'Open Sans', 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Khand: 'Khand', 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Roboto: 'Roboto', 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Lato: 'Lato', 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Montserrat: 'Montserrat', 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Alumni: "Alumni Sans", 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Raleway: "Raleway", 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;
$Anton: "Anton", 'Noto Sans TC', Arial, '微軟正黑體', 'Microsoft JhengHei', '蘋果儷中黑', 'Apple LiGothic Medium', sans-serif;

//-------------------------------------------------------------版面------//
@mixin fontFace {
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

$mainFontSize: 16;

// 內容尺寸設定
$domWidth: 1340px;

//RWD尺寸設定
$screenSize: (
  //電腦
  desktop: 1440px,
  //平板
  tablet: 1024px,
  //手機
  mobile: 767px,
  //極小尺寸
  xsMobile: 550px,
);

:root {
  //RWD切換尺寸設定，以下切換js為手機板相關設定
  --RWDWidth: 1024px;
}