:root {

 --black: black;
    --gray: #e9e9e9;
    --border: #d4d4d4;
    --box: #ff0000;
    --text: rgb(105, 105, 105);
    --bkg: #ffffff;
    --white: white;
    --blue: #229af0;
    --red: hwb(0 28% 0%);
    
    
    
--black: black;
    --gray: #e9e9e9;
    --border: #bebebe;
    --box: #ff0000;
    --text: rgb(105, 105, 105);
    --bkg: #ffffff;
    --white: white;
       /*--blue:#368fe7; */
       
       
          --blue: #229af0;
    --red: hwb(0 28% 0%);
    
        
        --load:#dddddd;
    
     متغیرهای اضافی 
    --profile-gray: rgb(120, 134, 150);
    --skeleton-bg: #d7d7d7;
    --shimmer-color: rgba(240, 240, 240, 0.8);
    --filter-bg: #dde6ff;
    --filter-hover: rgba(182, 200, 248, 0.753);
    --filter-active: #148aeb;
    --navbar-hover: rgba(218, 232, 255, 0.781);
    --follow-border: rgb(218, 218, 218);
    --ghost-gradient-1: rgb(82, 82, 82);
    --ghost-gradient-2: rgb(0, 0, 0);
    --ghost-gradient-3: #00adf1;
     --fillter-p-color: var(--white);
    --ghost-gradient-4: rgb(226, 0, 68);
    --ghost-active-gradient-1: #148aeb;
    --ghost-active-gradient-2: #148aeb;
    --ghost-active-gradient-3: #1eb8ff;
     
    
    
    
    /*post*/

    --post-h1-color: black;
  --post-time-color: rgb(139, 142, 146);
    --post-timer-stroke: gray;
    --post-pined-color: rgb(117, 117, 117);
    --post-line-dash: rgb(202, 202, 202);
    --post-image-bg: black;
    --post-video-controls-bg: rgba(0, 0, 0, 0.74);
    --post-progress-bg: rgba(240, 240, 240, 0.5);
    --post-reply-border: rgb(219, 219, 219);
    --post-reply-gradient-1: rgba(40,255,206,1);
    --post-reply-gradient-2: rgba(55,255,149,1);
    --post-reply-username: rgb(218, 0, 91);
    --post-reply-icon: rgb(172, 172, 172);
    --post-replied-color: #00ca54;
    --post-replied-shadow: rgb(120, 255, 160);
    --post-btn-color: rgb(83, 86, 107);
    --post-divider-color: rgb(212, 212, 212);
    --post-like-shadow: rgb(255, 174, 174);
    --post-seen-shadow: rgb(118, 182, 255);
    --post-comment-border: rgb(255, 255, 255);
    --post-report-bg: rgb(255, 255, 255);
    --post-report-border: rgb(189, 189, 189);
    --post-report-shadow: rgb(177, 177, 177);
    --post-link-color: #007bff;
    --post-repied-color: rgb(116, 116, 116);
    
  
  /*profile*/
  

    --profileuser: rgb(97, 101, 107);
      --profile-dote-color: rgb(0, 0, 0);
    --profile-report-bg: rgb(255, 255, 255);
    --profile-report-border: rgb(189, 189, 189);
    --profile-gray: rgb(72, 72, 72);
    --profile-poster-bg: rgb(255, 248, 248);
    --profile-tick-color: rgb(20, 133, 238);
    --profile-filter-color: rgb(121, 121, 121);
    --profile-filter-hover-shadow: rgb(118, 182, 255);
    --profile-follow-gradient-1: rgb(131, 139, 142);
    --profile-follow-gradient-2: rgb(13, 166, 255);
    --profile-followed-gradient-1: rgb(183, 214, 240);
    --profile-followed-gradient-2: rgb(30, 150, 255);
    --profile-edit-gradient-1: rgb(30, 255, 187);
    --profile-edit-gradient-2: #2fb3ff;
    --profile-ghost-gradient-1: rgb(66, 66, 66);
    --profile-ghost-gradient-2: rgb(0, 0, 0);
    --profile-ghost-gradient-3: #00adf1;
    --profile-ghost-gradient-4: rgb(226, 0, 68);
    --profile-pin-color: #00adf1;
    --profile-link-color: #007bff;
    
    
    /*search */
    
     --search-border: gray;
    --search-input-border: rgb(177, 177, 177);
    --search-input-stroke: rgb(149, 149, 149);
    --search-svg-bg: rgb(230, 230, 230);
    --search-svg-stroke: rgb(38, 38, 38);
    --search-link-color: black;
    
    
    
     متغیرهای خاص بخش add 
    --add-placeholder: rgb(141, 141, 141);
    --add-autocomplete-bg: #f0f0f0;
    --add-autocomplete-shadow: rgb(231, 231, 231);
    --add-media-border: #ccc;
    --add-remove-btn: rgb(255, 96, 96);
    --add-date-bg: rgb(231, 231, 231);
    --add-date-shadow: rgb(185, 185, 185);
    --add-error-bg: #ffe8eb;
    --add-error-border: #c62828;
    --add-error-text: #c62828;
    --add-emoji-panel-bg: rgb(181, 127, 220);
    --add-radio-border: #aaa;
    --add-radio-shadow: #63aeff;
    --add-loading-bg: rgba(226, 246, 255, 0.718);
    --add-dot-color: #368fe7;
    --add-ghost-gradient-1: rgb(82, 82, 82);
    --add-ghost-gradient-2: rgb(0, 0, 0);
    --add-ghost-gradient-3: #00adf1;
    --add-ghost-gradient-4: rgb(226, 0, 68);



/*notif*/
    --myfollow-name-color: rgb(103, 103, 117);
    --myfollow-tick-color: rgb(20, 133, 238);
    --myfollow-empty-color: black;

/*edit*/
    
     متغیرهای بخش edit 
    --edit-border: #ccc;
    --edit-header-gradient-1: #2486e9;
    --edit-header-gradient-2: rgb(2, 226, 178);
    --edit-placeholder: rgb(145, 145, 145);
    --edit-input-border: rgb(218, 218, 218);
    --edit-space-bkg: rgb(235, 235, 235);
    --edit-space-border: rgb(214, 214, 214);
    --edit-radio-border: #ccc;
    --edit-radio-shadow: #63aeff;
    --edit-logout-border: rgb(204, 204, 204);
    --edit-loading-bg: rgba(226, 246, 255, 0.718);
    --edit-dot-color: #3992eb;


     متغیرهای بخش comment/chat 
    --comment-dote-color: rgb(0, 0, 0);
    --comment-report-bg: rgb(255, 255, 255);
    --comment-report-border: rgb(189, 189, 189);
    --comment-report-shadow: rgb(177, 177, 177);
    --comment-header-gradient-1: rgb(0, 183, 255);
    --comment-header-gradient-2: rgb(77, 118, 255);
    --comment-input-border: rgb(207, 207, 207);
    --comment-placeholder: #adadad;
    --comment-send-icon: #00a0fd;
    --comment-sticker-gray: #bbbbbb;
    --comment-sticker-panel-bg: #ffffff;
    --comment-sticker-panel-border: #d3d3d3;
    --comment-post-bg: rgb(255, 255, 255);
    --comment-tick-blue: rgb(0, 132, 255);
    --comment-time-gray: rgb(172, 172, 172);
    --comment-line-dash: rgb(202, 202, 202);
    --comment-btn-color: rgb(68, 68, 68);
    --comment-link-color: #007bff;
    
    
}