:root{
  --f-brand:        #6981FA;   
  --f-brand-2:      #8296FB;   
  --f-brand-3:      #748BFB;   
  --f-brand-soft:   #D4DFFD;   
  --f-logo-violet:  #B197FF;   
  --f-btn-grad-1:   #5B75F7;
  --f-btn-grad-2:   #3A5BFF;
  --f-btn-grad:     linear-gradient(180deg, var(--f-btn-grad-1), var(--f-btn-grad-2));
  --f-havola:       var(--f-btn-grad-1);
  --f-bg:           #FFFFFF;   
  --f-bg-site:      #FCFEFD;   
  --f-surface:      #FEFFFF;   
  --f-topbar-bg:    #FEFFFF;   
  --f-surface-site: #FFFFFF;   
  --f-card-grey:    #F2F2F2;   
  --f-card-blue:    #EEF0F9;   
  --f-field-bg:     #F8F8F8;   
  --f-kabinet-nur:   var(--f-brand-soft);   
  --f-maydon-chegara: var(--f-border);
  --f-search-bg:    #FAFAFA;   
  --f-search-brd:   #EEEEEE;   
  --f-placeholder:  #6B7176;   
  --f-hint:         #9DA4AE;   
  --f-heading-2:    #353535;   
  --f-btn-grey:     #F3F3F3;   
  --f-role:         #7E7E7E;   
  --f-text:         #7B7B7B;   
  --f-heading:      #000000;   
  --f-muted:        #72777A;   
  --f-text-xs:      #8B8B8B;   
  --f-on-brand:     #FFFFFF;   
  --f-border:       #E3E5E6;   
  --f-border-2:     #D7D8DA;   
  --f-border-side:  #E2E4E7;   
  --f-border-w:     1px;       
  --f-error:        #F44336;   
  --f-error-soft:   color-mix(in srgb, var(--f-error) 20%, var(--f-on-brand));
  --f-partial:      #FFA000;   
  --f-star:         #FFC107;   
  --f-ok:           var(--f-brand);
  --f-ok-bg:        rgba(105,129,250,.12);
  --f-ish:          var(--f-havola);   
  --f-ish-bg:       rgba(130,150,251,.12);
  --f-kut:          var(--f-muted);
  --f-kut-bg:       var(--f-field-bg);
  --f-ogoh:         var(--f-partial);
  --f-ogoh-bg:      rgba(255,160,0,.12);
  --f-xato:         var(--f-error);
  --f-xato-bg:      rgba(244,67,54,.1);
  --f-font:         "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-font-logo:    "Montserrat", var(--f-font);   
  --f-font-num:     "Manrope",    var(--f-font);   
  --f-font-code:    "Consolas", ui-monospace, monospace;  
  --f-fs-xs:   10px;   
  --f-fs-sm:   12px;   
  --f-fs-md:   14px;   
  --f-fs-lg:   16px;   
  --f-fs-xl:   18px;   
  --f-fs-h2:   31px;   
  --f-fs-h1:   40px;   
  --f-ls:      0;      
  --f-r-btn:      8px;      
  --f-r-input:    11.5px;   
  --f-r-input-sm: 7.5px;    
  --f-r-card:     14px;     
  --f-r-card-lg:  20px;     
  --f-side-w:      250px;   
  --f-topbar-h:    70px;    
  --f-sitebar-h:   80px;    
  --f-input-h:     52px;    
  --f-input-h-sm:  45px;    
  --f-btn-h-sm:    42px;    
  --f-body-x:      28px;
  --f-input-pad-x: 14px;    
  --f-label-gap:   8px;     
  --f-row-h:       74px;    
  --f-row-step:    94px;    
  --f-card-pad:    15px;    
  --f-screen-w:    1440px;  
  --f-screen-w-sm: 375px;   
  --f-side-bg:        var(--f-btn-grad-1);  
  --f-side-text:      #FFFFFF;              
  --f-side-item-w:    208px;
  --f-side-item-h:    38px;
  --f-side-item-step: 43px;                 
  --f-side-item-pad:  21px;                 
  --f-side-item-on:   var(--f-btn-grad-2); 
  --f-side-item-on-mobil: rgba(210,210,210,.2); 
  --f-menyu-qoplama:   rgba(0,0,0,.4);        
  --f-bildir-belgi:    #96A1A8;               
  --f-tarix-fon:       #FFFFFF;               
  --f-tarix-chegara:   #E5E9EB;               
  --f-tarix-belgi:     #BFBFBF;               
  --f-tab-matn:        #8B8B8B;               
  --f-tab-belgi:       #D7D8DA;               
  --f-avatar-halqa:    #8183F7;               
  --f-side-item-off:  1;                    
  --f-focus:       var(--f-brand-2);
  --f-focus-ring:  0 0 0 3px rgba(130,150,251,.35);
  --f-shadow:      none;
  --f-shadow-menu: 0 2px 4px rgba(20, 80, 82, .05);  
  --f-kirish-karta:         #F8F8F8;
  --f-kirish-karta-chegara: #E2E4E7;
  --f-kirish-ost:           #767C80;   
  --f-kirish-yorliq:        #72777A;   
  --f-kirish-input:         #FFFFFF;   
  --f-kirish-input-chegara: #E3E5E5;   
  --f-kirish-input-matn:    #000000;
  --f-kirish-nuqta:         #090A0A;   
  --f-kirish-havola:        var(--f-havola);   
  --f-kirish-pastki-figma:  #979797;   
  --f-kirish-pastki:        var(--f-kirish-yorliq);   
  --f-kirish-hero:          #1B1B1B;   
  --f-kirish-raqam:         rgba(105,129,250,.95);  
  --f-kirish-raqam-yorliq:  #303030;
  --f-sayt-tugma:           #F8F8F8;   
  --f-oy-belgi:             #7B7B7B;   
  --f-koz-belgi:            #818181;   
  --f-logo-matn:            #000000;   
  --f-sayt-menyu:           #7B7B7B;   
  --f-footer-matn:          var(--f-heading-2);
  --f-sayt-kirish-chegara:  #E5E5E5;   
  --f-sayt-kirish-matn:     #1F1E24;
  --f-sayt-royxat-fon:      #1F1E24;   
  --f-sayt-royxat-matn:     #FFFFFF;
  --f-sayt-menyu-belgi:     #748BFB;   
  --f-burger-chiziq:        #EFEFEF;   
  --f-burger-band:          #F2F2F2;   
  --f-yopish-belgi:         #9D9FA1;   
  --f-bosh-karta:           #F2F2F2;   
  --f-bosh-afzal:           #EEF0F9;   
  --f-bosh-cta:             #EEF0F9;   
  --f-bosh-raqam:           #6981FA;   
  --f-bosh-raqam-yorliq:    #303030;
  --f-sayt-matn:            #7B7B7B;   
  --f-qadam-belgi:          #748BFB;   
  --f-qadam-kok:            #748BFB;   
  --f-qadam-kok-matn:       var(--f-on-brand);
  --f-qadam-kok-belgi:      #F2F2F2;   
  --f-qadam-kok-raqam:      var(--f-btn-grad-1);
  --f-sharh-ichki:          #FFFFFF;   
  --f-sharh-matn:           #515151;
  --f-sharh-chiziq:         rgba(0,0,0,.05);   
  --f-cta-tugma:            #FFFFFF;   
  --f-cta-tugma-matn:       #000000;
  --f-qator-nuqta:          #F2F2F2;   
  --f-hamkor-karta:         var(--f-bosh-karta);   
  --f-biznes-maket-fon:     var(--f-card-blue);    
  --f-biznes-karta:         #8296FB;   
  --f-imkoniyat-karta:      #6981FA;
  --f-imkoniyat-belgi-fon:  #F2F2F2;
  --f-imkoniyat-belgi:      #6981FA;
  --f-biznes-karta-matn:    var(--f-on-brand);
  --f-bildirish-chegara:    rgba(255,255,255,.4);   
  --f-bildirish-fon:        rgba(255,255,255,.6);   
  --f-bildirish-belgi:      #EDEDED;                
  --f-bildirish-sarlavha:   #000000;
  --f-bildirish-matn:       #72777A;
  --f-bildirish-vaqt:       var(--f-btn-grad-2);
  --f-telefon-ramka:        #000000;                
  --f-telefon-chet:         #787B88;                
  --f-hero-nur:             rgba(105,129,250,.35);   
  --f-api-tasma:            rgba(130,150,251,.1);   
  --f-api-soya:             0 2px 11.8px 0 rgba(130,150,251,.1);   
  --f-xizmat-karta:         #FEFFFF;   
  --f-xizmat-qidiruv-chegara: #EEEEEE;
  --f-ochiluvchi-soya:       0 37px 10px 0 rgba(214,214,214,0),0 23px 9px 0 rgba(214,214,214,.01),0 13px 8px 0 rgba(214,214,214,.05),0 6px 6px 0 rgba(214,214,214,.09),0 1px 3px 0 rgba(214,214,214,.1);   
  --f-xizmat-faol-chegara:  #8296FB;   
  --f-xizmat-faol-matn:     #464255;
  --f-xizmat-tasma:         rgba(130,150,251,.1);   
  --f-xizmat-chegara:       #F3F3F3;   
  --f-fayl-olib:             #D40000;   
  --f-xizmat-zebra:         rgba(208,208,208,.1);
  --f-surgich:              #748BFB;   
  --f-surgich-yolak:        rgba(116,139,251,.1);
  --f-bosh-holat-sarlavha:  #13181C;   
  --f-chip-fon:             #EDF5FA;   
  --f-chip-matn:            #4393C7;
  --f-yopish-doira:         #ECECEC;   
  --f-yopish-x:             rgba(60,60,67,.6);
  --f-qoplama:              rgba(0,0,0,.4);    
  --f-oyna-fon:             #FFFFFF;   
  --f-oyna-chegara:         transparent;   
  --f-varaq-fon:            #F6F6F6;   
  --f-varaq-tutqich:        rgba(175,175,175,.4);
  --f-varaq-sarlavha:       #090A0A;
  --f-strelka:              #666666;   
  --f-tozalash-fon:         #EDEDED;   
  --f-tozalash-matn:        #263238;
}
:root[data-theme="dark"]{
  --f-maydon-chegara: var(--f-kirish-input-chegara);
  --f-kabinet-nur:   #001E72;
  --f-havola:       var(--f-brand-2);
  --f-bg:           #0D0D0D;   
  --f-bg-site:      #0F0F0F;   
  --f-card-blue:    #0D0D0D;   
  --f-topbar-bg:    #191919;
  --f-side-bg:      var(--f-topbar-bg);
  --f-surface:      #191919;
  --f-surface-site: #191919;
  --f-card-grey:    #191919;
  --f-search-bg:    #121212;   
  --f-field-bg:     #141414;   
  --f-btn-grey:     #24272B;   
  --f-border:       #24272B;
  --f-border-2:     #24272B;
  --f-border-side:  #24272B;   
  --f-search-brd:   #24272B;
  --f-brand:        #643AFF;
  --f-brand-soft:   #031443;   
  --f-side-item-on: var(--f-btn-grad-2);
  --f-side-item-on-mobil: var(--f-side-item-on);
  --f-menyu-qoplama:   rgba(0,0,0,.45);
  --f-bildir-belgi:    var(--f-role);
  --f-tarix-fon:       var(--f-topbar-bg);
  --f-tarix-chegara:   #1F2528;
  --f-tarix-belgi:     var(--f-role);
  --f-tab-matn:        var(--f-muted);
  --f-tab-belgi:       var(--f-muted);
  --f-avatar-halqa:    var(--f-brand-2);
  --f-heading:      var(--f-on-brand);
  --f-heading-2:    var(--f-on-brand);
  --f-text:         color-mix(in srgb, var(--f-on-brand) 82%, #000);
  --f-muted:        color-mix(in srgb, var(--f-on-brand) 62%, #000);
  --f-role:         color-mix(in srgb, var(--f-on-brand) 62%, #000);
  --f-text-xs:      color-mix(in srgb, var(--f-on-brand) 55%, #000);
  --f-placeholder:  color-mix(in srgb, var(--f-on-brand) 55%, #000);
  --f-hint:         color-mix(in srgb, var(--f-on-brand) 55%, #000);
  --f-error-soft:   var(--f-error);
  --f-shadow:       none;
  --f-shadow-menu:  0 8px 24px rgba(0,0,0,.55);
  --f-kirish-karta:         #141414;
  --f-kirish-karta-chegara: #24272B;
  --f-kirish-input:         #0D0D0D;
  --f-kirish-input-chegara: #262829;
  --f-kirish-input-matn:    #FFFFFF;
  --f-kirish-nuqta:         #FFFFFF;
  --f-kirish-havola:        #643AFF;
  --f-kirish-pastki:        var(--f-kirish-pastki-figma);   
  --f-kirish-hero:          #FFFFFF;
  --f-kirish-raqam:         #643AFF;
  --f-kirish-raqam-yorliq:  #FFFFFF;
  --f-sayt-tugma:           #24272B;
  --f-logo-matn:            #FFFFFF;   
  --f-sayt-kirish-chegara:  #262626;
  --f-sayt-kirish-matn:     #DCDBE1;
  --f-sayt-royxat-fon:      #DCDBE1;
  --f-sayt-royxat-matn:     #0D0D0D;
  --f-burger-band:          #1A1A1A;
  --f-burger-chiziq:        #24272B;
  --f-bosh-karta:           #1A1A1A;
  --f-bosh-afzal:           #181818;
  --f-bosh-cta:             #1A1A1A;
  --f-bosh-raqam:           #8296FB;
  --f-bosh-raqam-yorliq:    #CFCFCF;
  --f-qadam-kok:            #1A1A1A;   
  --f-qadam-kok-matn:       #7B7B7B;
  --f-qadam-kok-belgi:      #748BFB;
  --f-qadam-kok-raqam:      #FFFFFF;
  --f-sharh-ichki:          #0D0D0D;
  --f-sharh-chiziq:         rgba(255,255,255,.05);
  --f-cta-tugma:            #748BFB;
  --f-cta-tugma-matn:       #FFFFFF;
  --f-qator-nuqta:          #1A1A1A;
  --f-hamkor-karta:         var(--f-sayt-royxat-fon);
  --f-biznes-maket-fon:     var(--f-bosh-karta);
  --f-xizmat-karta:           var(--f-bosh-karta);
  --f-xizmat-qidiruv-chegara: var(--f-border);
  --f-xizmat-faol-matn:       var(--f-heading);    
  --f-xizmat-chegara:         var(--f-border);
  --f-fayl-olib:               var(--f-error);
  --f-xizmat-zebra:           var(--f-sharh-chiziq);
  --f-bosh-holat-sarlavha:    var(--f-heading);
  --f-chip-fon:               var(--f-sayt-tugma);
  --f-chip-matn:              var(--f-brand-2);
  --f-yopish-doira:           var(--f-sayt-tugma);
  --f-yopish-x:               var(--f-muted);
  --f-qoplama:                rgba(0,0,0,.6);      
  --f-oyna-fon:               var(--f-bosh-karta);
  --f-oyna-chegara:           var(--f-border);
  --f-ochiluvchi-soya:        var(--f-shadow-menu);
  --f-varaq-fon:              var(--f-bosh-karta);
  --f-varaq-sarlavha:         var(--f-heading);
  --f-strelka:                var(--f-muted);
  --f-tozalash-fon:           var(--f-sayt-tugma);
  --f-tozalash-matn:          var(--f-heading);
  --f-footer-matn:            var(--f-muted);      
}