:root{
    --color-icon: rgba(72,173,223,0.9);
    --color-background: #48addf;
    --color-text: #000000;
    --color-text-15: #262626;
    --color-text-35: #595959;
    --color-text-55: #8c8c8c;
    --color-text-75: #bfbfbf;
    --color-border: #000000;
    --color-border-98: #fafafa;
    --color-border-90: #e6e6e6;
    --color-border-80: #cccccc;
    --color-icon--5: #44a3d2;
    --color-icon-5: #53b2e1;
    --color-icon-15: #68bce5;
    --color-icon-25: #7dc5e8;
    --color-icon-35: #91ceec;
    --color-icon-45: #a4d6ef;
    --color-icon-55: #b6def2;
    --color-icon-65: #c7e6f5;
    --color-icon-75: #d8edf8;
    --color-icon-85: #e8f5fb;
    --color-icon-95: #f7fcfe;
    --color-tab-hint-guide: #F56C6C;
    --color-tab-hint-guide-20: #f78989;
    --color-tab-hint-guide-80: #fde2e2;
    --color-tab-hint-guide-90: #fef0f0;
    --color-tab-hint: #E6A23C;
    --color-tab-hint-20: #ebb563;
    --color-tab-hint-80: #faecd8;
    --color-tab-hint-90: #fdf6ec;
    --color-hint: #67C23A;
    --color-hint-20: #ebb563;
    --color-hint-80: #faecd8;
    --color-hint-90: #fdf6ec;
    --color-nav-title: #999999;
    --color-nav-title-20: #adadad;
    --color-nav-title-80: #ebebeb;
    --color-nav-title-90: #f5f5f5;
}