@charset "UTF-8";

:root {
  --color-base: #ffffff;
  /* --color-main: #73CF26; */
  --color-main-hover: #9de262;
  --color-sub: #51A3B9;
  --color-sub-hover: #85bfce;
  --color-accent: #D44D5B;
  --color-text: #1A1A1A;
  /*--color-link: var(--color-text);*/
  --color-link: #0578BD;

  --color-footer-buttons: #F5F4EF;

  --color-white: #ffffff;
  --color-gray: #EDEDED;
  --color-gray-dark: #d2d2d2;
  --color-gray-light: #F2F2F2;
  --color-black: #262622;
  --color-black-light: #4e4e4e;

  --color-border: #F0F0F0;

  --color-table-border: #E6E6E6;
  --color-table-header: #f8fce1;
  --color-table-header-font: var(--color-text);

  /*--color-plan1: var(--color-main);*/
  --color-plan1: #93CF1D;
  --color-plan2: #6C90EE;
  --color-plan3: #2C5AB2;
  --color-plan4: #123154;

  --header-height: 48px;
  --header-height-md: 80px;

  --header-logo-max-height-md: 72px;

  --menu-width: 100vw;
  --menu-width-md: 900px;
}