@import 'normalize.css/normalize.css';

@font-face {
  font-family: 'Mont';
  src: url('./MontRegular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Mont';
  src: url('./MontSemiBold.ttf') format('truetype');
  font-weight: 600;
}

* {
  font-family: var(--ndui-font-default);
  box-sizing: border-box;
}

#root {
  min-height: 100vh;
}

/*tickets#0: Если мы захотим убрать кнопку upgrade из tinymce, то просто надо раскоммитить этот код, ну и перенести его к tiny поближе*/
/*.tox-promotion {*/
/*   display: none;*/
/*}*/


:root {
  /* fonts */
  --ndui-font-primary: 'Mont';
  --ndui-font-primary-fallback: sans-serif;
  --ndui-font-default: var(--ndui-font-primary),
    var(--ndui-font-primary-fallback);

  /* font sizes */
  /* headers */
  --ndui-font-size-header-1: 40px;
  --ndui-font-size-header-2: 24px;
  --ndui-font-size-header-3: 20px;
  /* texts */
  --ndui-font-size-text-1: 16px;
  --ndui-font-size-text-2: 14px;

  /* font height */
  --ndui-font-height-normal: normal;
  --ndui-font-height-big: 1.4;

  /* font weights */
  --ndui-font-weight-regular: 400;
  --ndui-font-weight-medium: 600;

  /* colors */
  /* grayscale */
  --ndui-color-white: #ffffff;
  --ndui-color-light: #f5f7f9;
  --ndui-color-medium: #d2d6df;
  --ndui-color-base: #a6aebf;
  --ndui-color-gray: #71727a;
  --ndui-color-dark: #343434;
  /* palette */
  --ndui-color-pink: #a80b6a;
  --ndui-color-light-grey: #f4faff;
  --ndui-color-light-red: #ffe1e6;
  --ndui-color-light-orange: #fff2ee;
  --ndui-color-light-green: #e2f3ea;
  --ndui-color-light-blue: #e1eaff;
  --ndui-color-light-blue-hover: #d2e0ff;
  /* service colors */
  --ndui-color-primary: #5b81e2;
  --ndui-color-primary-hover: #114ce1;
  --ndui-color-error: #f3344f;
  --ndui-color-warning: #ffa000;
  --ndui-color-success: #00cd60;
  --ndui-color-cta-gradient: linear-gradient(to right, #00a6ff, #6459fb);

  /* shadows */
  --ndui-shadow-1: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
  --ndui-shadow-2: 0 2px 25px 0 rgba(0, 0, 0, 0.1);

  /* borders */
  --ndui-border-radius-default: 4px;

  /* z-indices */
  --ndui-tooltip-z-index: 3001;
}
