:root[data-theme="light"] 
{


  /** default Border color
   * 
  */
  --bdr-0: #eeeeee;
  --bdr-1: #dddddd;
  --bdr-2: #cccccc;
  /*
   * Default Border color
  */
  --bdr: #dddddd;


  /** default text color
   * 
  */
  --txt-0: #000000;
  --txt-1: #061429;
  --txt-2: #5660a0;
  --txt-3: #38faea;


  /** Footer background colors
   *
  */
  --ftr-bgc: #0f172a;
  --ftr-hlc: #15203a;
  --ftr-clr: #a9e7f1;


  /** Main Background Color 
   *
  */
  --bgc-0: #ffffff;
  --bgc-1: #f7f7f7;
  --bgc-2: #eeeeee;
  --bgc-3: #dddddd;


  /** Row Background Colors 
   *
  */
  --row-bgc-0: #141e36;
  --row-bgc-1: #192542;


  /** Main Background Color 
   *
  */
  --trans-bgc-0: hsl(0, 0%, 100%, 0.9);


  /** Crad Block Shadow Properties
  */
  --ui-shadow-full: 0 0 5px 5px hsl(0, 0%, 90%, 0.4);
  --ui-shadow-base: 0px 5px 5px -3px hsl(0, 0%, 90%, 0.4);


}