@property --vw{
  syntax: '<length>';
  inherits:true;
  initial-value:100vw;
}
@property --vh{
  syntax: '<length>';
  inherits:true;
  initial-value:100vh;
}
@font-face {
    font-family: puhuiti;
    src: url(../font/font/PuHuiTi/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf);
}
@font-face {
    font-family: smileysans-oblique;
    src: url(../font/font/SmileySans-Oblique/SmileySans-Oblique.woff2);
}
@font-face {
    font-family: bianzhidai;
    src: url(../font/font/BianZhiDai/bianzhidai/OTF/bianzhidai-Base.otf) format('otf'),
         url(../font/font/BianZhiDai/bianzhidai-Base.woff) format("woff");
}
:root{
    --festive-color:#f00;
    --funeral-color:#1212;
    --red:#122;
    --green:#122;
    --blue:#122;
    --black:#122;
    --white:#122;
    --gray:#122;
    --yellow:#122;
    --purple:#122;
    --pink:#122;
    --orange:#122;
    --brown:#122;
    --cyan:#122;
    --magenta:#122;
    --C:#122;
    --M:#122;
    --Y:#122;
    --K:#122;
    --body-background-color:rgba(53, 139, 225, 0.333);
    --background-color:rgba(53, 139, 225, 0.333);
    --backdrop-color:rgba(94, 164, 235, 0.3);
    --font-color:rgb(91, 158, 91);
    --font-shadow-color:rgb(91, 158, 91);
    --filter-color:rgb(91, 158, 91);
    --filter-shadow-color:rgb(91, 158, 91);
    --hover-color:rgba(71, 220, 71, 0.133);
    --a-color:rgba(71, 220, 71, 0.133);
    --a-link-color:rgba(71, 220, 71, 0.133);
    --a-hover-color:rgba(71, 220, 71, 0.133);
    --a-active-color:rgba(71, 220, 71, 0.133);  
    --a-visited-color:rgba(71, 220, 71, 0.133);
    --normal-color:rgba(190, 243, 238, 0.133);
    --notice-color:rgba(88, 144, 235, 0.133);
    --warming-color:rgba(240, 218, 75, 0.133);
    --wrong-color:rgba(243, 31, 31, 0.133);
    --plate-size-default:98%;
    --body-width-default:100%;
    --body-height-default:100%;
    --font-size:12px;
    --font-default-size:12px;
    --font-family: bianzhidai;
    --line-height: 30px;
    --default-font-family: bianzhidai;
    --font-scale-font-size:24px;
    --font-scale-default-font-size:24px;
    --title-font-size:18px;
    --title-default-font-size:18px;
    --title-font-family: puhuiti;
    --title-default-font-family: puhuiti;
    --subhead-font-size:16px;
    --subhead-default-font-size:16px;
    --subhead-font-family: smileysans-oblique;
    --subhead-default-font-family: smileysans-oblique;
    --content-font-size:12px;
    --content-default-font-size:12px;
    --content-font-family: smileysans-oblique;
    --content-default-font-family: smileysans-oblique;
    --button-text-font-size:15px;
    --button-text-default-font-size:15px;
    --test-border:2px solid black;
    --test-border-hover:2px solid rgb(228, 20, 20);
    --production-border:2px solid black;
}
html[data-theme="light"]{
    --body-background-color:#DED8D4;
    --font-color:#121929;
    --a-color:#862930;
    --a-link-color:rgba(71, 220, 71, 0.133);
    --a-hover-color:rgba(71, 220, 71, 0.133);
    --a-active-color:#862930; 
    --a-visited-color:#862930;
}
html[data-theme="dark"]{
    --body-background-color:#121929;
    --font-color:#DED8D4;
    --a-color:#DED8D4;
    --a-link-color:#862930;
    --a-hover-color:#862930;
    --a-active-color:#DED8D4;
    --a-visited-color:#DED8D4;
}
body{
    /* width:var(--body-width-default); */
    /* height:var(--body-height-default); */
    
    font-family: var(--font-family);
    background-color: var(--body-background-color);
    color: var(--font-color);
}
body p{
    font-family: var(--font-family);
}
body a{
    color:var(--a-color);
    text-decoration: none;
}
body a:hover{
    color:var(--a-hover-color);
}
body a:visited{
    color:var(--a-visited-color);
}