/* ==========================================
   Global Color Variables (RGBA Ready)
   ========================================== */

:root {

  /* --------------------
   * Brand Colors
   * -------------------- */

  /* Blue */
  --blue-rgb: 5, 83, 140;
  --blue: rgba(var(--blue-rgb), 1);

  /* Yellow */
  --yellow-rgb: 255, 177, 0;
  --yellow: rgba(var(--yellow-rgb), 1);

  /* Brown */
  --brown-rgb: 76, 39, 25;
  --brown: rgba(var(--brown-rgb), 1);
	
  /* --------------------
   * Neutrals
   * -------------------- */

  /* Black (Text) */
  --black-rgb: 31, 31, 31;
  --black: rgba(var(--black-rgb), 1);

  /* White (Background) */
  --white-rgb: 255, 251, 251;
  --white: rgba(var(--white-rgb), 1);

	

  /* --------------------
   * Shades
   * -------------------- */

  /* Blue Shade */
  --blue-shade: rgba(var(--blue-rgb), 0.13);

  /* Yellow Shade */
  --yellow-shade: rgba(var(--yellow-rgb), 0.13);

  /* Brown Shade */
  --brown-shade: rgba(var(--brown-rgb), 0.13);	

  /* Black Shade */
  --black-shade: rgba(var(--black-rgb), 0.13);		
	
}