:root {
    color-scheme: dark light;
    /*dark*/
    --dk_cBodyBg: #000000;
    --dk_cDark: #F2F2F7;
    --dk_cDkLt: #8E8E93;
    --dk_cLight: #F2F2F7;
    --dk_cDarkInvert: #1C1C1E;
    --dk_inputBg: #1C1C1E;
    --dk_cBackdrop: #ffffff87;
    --dk_aaBg: #2a2a2b;
    --dk_aaBc: #68686a6b;
    --dk_whBk: #ffffff;
    --dk_trnBg: #000000e3;/*transparent Bg*/
    --dk_shimmerShine: #313131;

    /*light*/
    --lt_cBodyBg: #ffffff;
    --lt_cDark: #1C1C1E;
    --lt_cDkLt: #8E8E93;
    --lt_cLight: #F2F2F7;
    --lt_cDarkInvert: #ffffff;
    --lt_inputBg: var(--cLight);
    --lt_cBackdrop: #00000087;
    --lt_aaBg: #ffffff;
    --lt_aaBc: #bebab3b0;/*border color*/
    --lt_whBk: #000000;
    --lt_trnBg: #ffffffe3;/*transparent Bg*/
    --lt_shimmerShine: #e7e7ed;

    /*default*/
    --cBodyBg: var(--lt_cBodyBg);
    --cDark: var(--lt_cDark);
    --cDkLt: var(--lt_cDkLt);
    --cLight: var(--lt_cLight);
    --cDarkInvert: var(--lt_cDarkInvert);
    --inputBg: var(--lt_inputBg);
    --cBackdrop: var(--lt_cBackdrop);
    --whBk: var(--lt_whBk);
    --trnBg: var(--lt_trnBg);
    /*--boxShadow:  0 0 10px 0 var(--aaBc);*/
    --boxShadow:  0 0 10px 0 var(--cDkLt);
    --shimmerShine: var(--lt_shimmerShine);
    --borderColor: var(--cBorderColor);


    /*appalert*/
    --aaBg: var(--lt_aaBg);
    --aaBc: var(--lt_aaBc);/*border color*/
    
    /*others*/
    --cSuccess: #31D158;
    --cInfo: #1184FF;
    --cDanger: #FC3B30;
    --cRed: #FF0000;
    --cYellow: #FFCC00;
    /*--cSuccessWaves: #afffc2;
    --cInfoWaves: #9ecaf9;
    --cDangerWaves: #fbb4b0;
    --cYellowWaves: #f7e9b4;*/
    --aaBlue: #007aff;
    --aaGreen: var(--cSuccess);
    --inputMB: 10px;/*input margin bottom*/
    --inputIcon: #8C8C8C;
    --iosBlurPx: 10px;
    --cBorderColor: #C6C6C8;
    --cBorderColorDkLt: #8e8e9347;
    --iosBlue : #278dfe;
    --lGray: #8d8d8d;

    /*settings*/
    --cInputRadius: 8px;
    --cBtnRadius: 10px;
    --cImgRadius: 20px;
    --fontSizeXs: 13px;
    --fontSizeSm: 14px;
    --fontSizeMd: 15px;
    --fontSizeLg: 17px;
    --input-padding-x: .75rem;
    --input-padding-y: .75rem;
    --textarea-padding-x: .75rem;
    --textarea-padding-y: .75rem;
    --fontBold: 'sf_ui_display_bold';
    --fontLight: 'sf_ui_display_light';
    --fontMd: 'sf_ui_display_md';
    --fontThin: 'sf_ui_display_thin';
    --fontBlack: 'sf_ui_display_black';
    --fontReg: 'sf_ui_display_regular';
    --fontHeavy: 'sf_ui_display_heavy';
    --fontSemiBold: 'sf_ui_display_semibold';
    --fontUltralight: 'sf_ui_display_ultralight';
    --pNAM: 7.5px; /*popupNavArrowMargin*/
    --tls: 17px;/*tagline size*/
    --disabledFg: var(--cDkLt);
    --disabledBg: #d4d4d4;
}