:root.light {
  --brand: #ef7925;
  --brand-color: #fff;
  --brand-border-color: var(--brand);
  --brand-gradient: linear-gradient(90deg, hsl(from #ef7925 h s l / 0.8) -15.71%, #bb6426 118.11%);

  --primary-bg: #e8e8e8;
  --primary-color: #4d4d58;
  --primary-border-color: #c2c3db;

  --main-bg: #4d4d58;
  --main-color: #fff;
  --main-color2: #c2c3db;
  --main-border-color: #ffffff1a;

  --secondary-bg: #82838d;
  --secondary-color: #fff;
  --secondary-color2: #c2c3db;
  --secondary-border-color: #ffffff1a;

  --tertiary-bg: #61616b;
  --tertiary-color: #fff;
  --tertiary-color2: #c2c3db;
  --tertiary-border-color: #82838d;

  --quaternary-bg: #ffffff0d;
  --quaternary-color: #eee;

  --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-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);
}