:root {
    --brand: #2367B0;
    --brand-dk: #1B4F88;
    --bright: #1A5AF1;
    --navy: #0D263B;
    --navy-2: #0a1d2e;
    --teal: #0E9BAA;
    --green: #1FA971;
    --red: #D64545;
    --orange: #E0732B;
    --radius: 14px;

    /* 需要跟着主题颜色变化的变量 */
    --shadowNew: 0 1px 2px rgba(13,38,59,.06),0 4px 16px rgba(13,38,59,.06);
    --tint: rgba(35, 103, 176, .10);
}

body {
    font-family: 'Open Sans', system-ui, sans-serif;
    background: var(--appEmphasis-color);
    color: var(--appColor-color);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    transition: background .25s, color .25s;
}

.grid {
    display: grid;
    gap: 16px;
}

/* 背景颜色 */
.b-blue {
    background: var(--tint);
    color: var(--brand)
}

.b-green {
    background: rgba(31, 169, 113, .14);
    color: var(--green)
}

.b-orange {
    background: rgba(224, 115, 43, .16);
    color: var(--orange)
}

.b-teal {
    background: rgba(14, 155, 170, .16);
    color: var(--teal)
}

.muted {
    color: var(--muted-color);
}