:root.light {
  --brand: #0066FF;
  --brand-color: #fff;
  --brand-border-color: var(--brand);

  --primary-bg: #FCFCFC;
  --primary-color: #202020;
  --primary-border-color: #cecece;

  --main-bg: #E0E0E0;
  --main-color: #202020;
  /* --main-color2: #c2c3db;
  --main-border-color: #ffffff1a; */

  --secondary-bg: #DCECFD;
  --secondary-color: #646464;
  /* --secondary-color2: #c2c3db;
  --secondary-border-color: #ffffff1a; */

  --tertiary-bg: #FFFFFF26;
  --tertiary-color: #050507;
  /* --tertiary-color2: #c2c3db;
  --tertiary-border-color: #82838d; */

  --quarternary-bg: #FFFFFF66;
  --quarternary-bg2: #FFFFFF;

  /* --HF-bg: #fff;
  --HF-color: #4d4d58;
  --HF-border-color: #c2c3db;

  --Profile-bg: var(--main-bg);
  --Profile-color: var(--main-color);
  --Profile-color2: #c2c3db;
  --Profile-border-color: #61616b;

  --Modal-bg: #4d4d58;
  --Modal-color: #e8e8e8;
  --Modal-color2: #ffffff66;

  --Calendar-bg: var(--secondary-bg);
  --Calendar-color: var(--secondary-color);
  --Calendar-border-color: var(--secondary-bg);

  --Field-bg: #82838d;
  --Field-bg2: #61616b;
  --Field-color: #fff;
  --Field-border-color: transparent;
  --Field-disabled-bg: #82838d;
  --Field-disabled-color: rgba(255, 255, 255, 0.6);
  --Field-label-color: #fff;
  --Field-Item-bg: var(--tertiary-bg);
  --Field-Item-color: var(--tertiary-color);
  --Field-Item-active-bg: var(--brand);
  --Field-Item-active-color: var(--brand-color); */
}