:root {
  /* solid colors */
  --hawkeye-gold: #ffcd00;
  --hawkeye-gold-rgb: 255, 205, 0;
  --ui-black: #151515;
  --ui-deep-black: #000000;
  --ui-white: #ffffff;
  --brand-primary: var(--hawkeye-gold);
  --brand-secondary: var(--ui-deep-black);
  --brand-lightest: #ffffff6c;
  --brand-gray-border-1: #00000020;
  --brand-gray-border-2: #0000006c;
  --brand-white-border-1: #ffffff53;
  --brand-white-border-2: #ffffff6c;
  --brand-cool-gray: #63666a;
  --brand-blue: #00558c;
  --brand-green: #00664f;
  --brand-red: #bd472a;
  --brand-orange: #bd472a;
  --brand-dark-red: #a84f00;

  /* end of UI approved colors */
  /* Other CSI colors */
  --ui-mid-gray: #cccccc;
  --dark-color: black;
  --dark-gray: #333333;
  --medium-dark-gray: #63666A;
  /* colors above should have white text */

  /* colors below should have dark text */
  --medium-light-gray: #DFDFDF;
  --light-blue: #E3F2FD;
  --light-gray: #E6E5E5;
  --lighter-gray: #F2F2F2;
  --light-color: #F7F7F7;
  
  /* inactive button */
  --inactive-background: #F0F0F0;
  --inactive-border: #63666a;
  --inactive-icon: #63666a;
  --inactive-text: #63666a;
  


  /**
  * colors for alerts
  **/

  --alert-border: rgba(0, 0, 0, 0.125);
  --info-background: #edf8ff;
  /* --info-background: #f2faff; */
  --info-icon: #00558c;

  --success-background: #ebfffa;
/*  --success-background: #ecfffa; */

  --success-icon: #00664f;

/*  --warning-background: #fffae6; rgb(255, 248, 217)*/
  --warning-background: #fff8d9;
  --warning-icon: #bd472a;

/*   --danger-background: #fbeeeb; */
  --danger-background: #f7e2dd;
  --danger-icon: #bd472a;


  /* semi-transparent colors*/
  --ui-med-tr-gray: rgba(0, 0, 0, 0.425);
  --ui-tr-white: rgba(255, 255, 255, 0.425);

/**
  --hawkeye-gold-darker: #b69200;
  --hawkeye-gold-lighter: #feeeac;
  --hawkeye-gold-inactive: var(--hawkeye-gold-lighter);
**/  


}