:root {
    --c-bg: #eff3f8;
    --c-font: #495057;
    --c-font-size:14px;
    --c-fous: #e9ecef;
    --c-btns: #fff;
    --c-main: #ffffff;
    --c-border: #ced4da;
  }



  .lighter {
    --c-bg: #eff3f8;
    --c-font: #333;
    --c-font-size:13px;
    --c-fous: #f8f9fa;
    --c-btns: #fff;
    --c-norm: #20a0ff;
    --c-norm-hover:#28b3ff;
    --c-danger: #ff4949;
    --c-danger-hover:#ff5a5a;

    --menu-bg: #324057;
    --menu-font: #fff;
    --menu-hover: #20a0ff;

    --head-bg: #1f2d3d;
    --head-font: #fff;

    --c-main: #fff;
    --c-border: #ced4da;
  }