/* 如何引入css变量？只需添加下面代码！ */
/* <link rel="stylesheet" href="/style/vars.css"> */

@import url("https://font.sec.miui.com/font/css?family=MiSans:300,400,700:Chinese_Simplify&display=swap");

:root {
    --primary-color: rgb(22, 22, 22);
    --secondary-color: rgb(250, 250, 250);

    --logo-color: #242f65;
    --nav-bg-color: rgba(235, 235, 235, 0.9);
    --footer-bg-color: rgb(69, 69, 69);

    --r: #FD5E55;
    --g: #26C940;
    --b: #4777E7;

    --font-family: "MiSans", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --font-h-weight: 700;
    --font-p-weight: 300;

    --card-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.20);
    --animation-time: 0.8s;
    --spring-animation-function: cubic-bezier(0.5, 1.5, 0, 1);
    --blur: blur(5px);
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: rgb(250, 250, 250);
        --secondary-color: rgb(40, 40, 40);
        --nav-bg-color: rgba(50, 50, 50, 0.9);
        --footer-bg-color: rgb(133, 133, 133);

        --r: #B34742;
        --g: #1A8C2E;
        --b: #325A9E;
    }
}