:root {
    /* ***公用區*** */
    --titleColor: #30D7CB;
    --lineBg-gradient: linear-gradient(to right, #30D7CB 0%, #2DF9F9 70%, #0055FF 100%);
    --lineBg-gradient-nav: linear-gradient(to right, #0000FF, #30D7CB, #2DF9F9, #F7D9BE, #FF8200);
    /* 上到下的漸層 */
    /* --buttonBG-Top-to-Bottom-gradient: linear-gradient(180deg, #00AEFF, #00FFB4); */
    --buttonBG-Top-to-Bottom-gradient: rgba(48,215,203,0.7); 
    /* 下到上的漸層 */
    /* --buttonBG-Bottom-to-Top-gradient: linear-gradient(180deg, #00FFB4, #00AEFF); */
    --buttonBG-Bottom-to-Top-gradient: #30D7CB;
    /* 左到右的漸層 */
    /* --buttonBG-Left-to-Right-gradient: linear-gradient(45deg, #00AEFF, #00AEFF, #00AEFF, #00FFB4); */
    --buttonBG-Left-to-Right-gradient: #30D7CB; 
    --bottonBG-Hover: #0032FF;
    
    /* nav 顏色 */
    --navBG: rgba(244,249,247,1);
    --navTitle: #0032FF;
    --navSecondMenuHover: #0032FF;

    /* Header 、 Footer 顏色 */
    --headerFooterBG: #30D7CB;

    /* 行高 */
    --mainLightHegiht:1.2;

    /* 主要文字黑色 */
    --mainColor:#60676A;

    /* 產品 / 應用 標題顏色 */
    --mainProductsTitle: #00AEEF;
    /* 應用 tag 背景 */
    --ProductsBg: #00AEEF;

}

@font-face {
    font-family: "Outfit";
    src: url('../images/font/Outfit-VariableFont_wght.ttf') format("truetype");
    font-display: swap;
}