:root {
  
    /* Main */
    --red:      #821032;   
    --black:    #221;      
    --cream:    #f8f0e0;   
    --cafe:     #B89B86;    
   
    /* Light */
    --light:    #f7f5f1;
    --white:    #f1efe9; 
    --cream:    #e4dedb; 
    --creig:    #dbd5d0;
    --beige:    #d8d0cb;
    --grock:  #baa;

    --whitey:   #fbf4e8; 
    --creli:    #ecded0;
    --cafli:    #e8cFbA;  
    
   /* Bright */
    --yellow:       #f0b020;   
    --orange: #e06010;
    --sored: #E24;
    --pink:   #ff0066;   
    --purpl: #5f11dd;
    --turquoise:    #50b0a0;
    --apple: #22DD33;  
    
    


    /* Dark */
    --dark-duc: #122;
    --darker-duc: #011;
    --vepur:    #113;
    --dark-pur: #330044; 
    --low-pink: #440024;
    --blk-pink: #22000d;
  
    --plum :    #220011;
    --dark-plm :    #110011;
    --taupe:    #362c2f;    
    --black:    #160808;
    --grey:     #555;  

    /* Brown */
    --cafe:     #B89B86;      
    --cafey:    #af8e7a; 
    --dark-bro: #806054;
    --brown: #6F5353; 
    --tauli:  #8f7777;
   
    /* Taupe */
     --grock:  #baa;
     --brack:    #877;
    --dark-gre: #6f5d58; 
    --brock:  #544;
    --browner:  #483a38;  
    --taupe:    #362c2f;    
 
    
    

    /* Red */
   
    --myred:  #d00032;
    --dark-pink: #bb1133;
    --brred:  rgba(160,24,68,1);
    --blood:  #821032;  
    --dark-red:   #701c32;   
    --life:     #721624;
    --dark-orng: #884427;
    --brick:     #b34;
    --bricker:   #d75;

    
    /* Purple */
    --brood:  #640032;
    --plum :    #220011;
    --dark-plm :    #1D000D;
    --dark-pur: #330044; 
    --magenta: #700080; 
    --mauve:   #bb66b0;

    /* Blue */
    --blues:  #0F7A86;   
    --blued:  #1E6168;
    --dark-blu:   #234;   
    --bluer: #162a60; 


    /* Green */
    --green: #20605B;   
    --kakki: #556033;  
    --dark-kaki:    #334016; 
    --blk-kaki:     #223311; 

     /* brand code */
    --youSay:          var(--turquoise);
    --editBl:          var(--pink);
    --dragBl:          var(--green);
    --weGuid:          var(--yellow);
    --alGood:          var(--apple);
    --youCan:          var(--apple);

     /* QR code */
    --dark:     var(--brack); 
    --bright:   var(--light);


     /* gradients */
    --glow : radial-gradient(circle closest-side, var(--youSay), var(--editBl), var(--weGuid), var(--youCan) );
    --neon : linear-gradient(265deg, var(--youCan), var(--weGuid) 30%, var(--editBl) 65%, var(--youSay) 80% );
   
}