/*==================================================
01. Font Face
==================================================*/
@font-face {
    font-family: "BIZ UDPGothic";
    src: url("../fonts/BIZUDPGothic-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
  }
@font-face {
    font-family: "BIZ UDPGothic";
    src: url("../fonts/BIZUDPGothic-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
  }
/*==================================================
02. CSS Variables
==================================================*/
:root{

    /*HTML*/
     --font-default:"Inter",sans-serif;
     --font-zh:
        "Microsoft JhengHei",
        "PingFang TC",
        sans-serif;
    --font-en:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
    --font-ja:
        "BIZ UDPGothic",
        "Yu Gothic",
        "Meiryo",
        sans-serif;

    /* Brand */
    --primary:#0055ff;
    --primary-dark:#0044cc;

    /* Text */
    --text:#fff;

    /* Header */
    --header-border:rgba(0,85,255,.25);
    --logo-height:50px;
    
    /* Radius */
    --radius:12px;

    
}
/*==================================================
03. Reset
==================================================*/







/*==================================================
04. Base
==================================================*/
body {
  background-color: #0d0f15;
  color: #e5e7eb;
  font-family:var(--font-default);
  }

/*==================================================
05. Typography
==================================================*/
/* 中文 */
html:lang(zh-TW) body{
     font-family:var(--font-zh);
    }
/* 英文 */
html:lang(en) body{
     font-family:var(--font-en);
    }
  /* 日文 */
html:lang(ja) body{
     font-family:var(--font-ja);
    }


/*==================================================
06. Header
==================================================*/

.header-glass{
    background:rgba(15,18,28,.65);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--header-border);
}

.header-logo img{
    height:var(--logo-height);
}