/* :root {
  --rrrouge: rgb(219, 136, 126);
} */

:root {
  /* RED GROUP */
  --rred-bright: rgb(215, 19, 19);
  --rred-hover: #c75757;
  --rred-light: #cc9999;
  --rred-dark: #996666;
  /* --rred-dark: #c8f37d; */
  
  /* WHITE GROUP */
  --wwhite: #ffffff;
  --offwwhite: #fbfbfc;
  
  /* GREEN GROUP */
  --ggreen-brand: #005d30;
  --ggreen-light: #28a745;
  --ggreen-dark: #00783e;
  --ggreen-gray: #e9ecef;
  
  /* BLACK/GRAY GROUP */
  --bblack: #000000;
  --ggray-dark: #2e2e2e;
  --ggray-medium: #5a5a5a;
  --ggray-light: #d4d4d4;
  
  /* BLUE/PURPLE GROUP */
  --bblue1: #4d4dbc;
  --ppurple: #8682b5;
  
  /* YELLOW/ORANGE/GOLD GROUP */
  --yyellow: #ffff00;
  --ggold: #ffd700;
  
  /* TRANSPARENT/SHADOW GROUP */
  --sshadow: rgba(0, 0, 0, 0.20);
}