/* borders*/
$border-radius: 6px;
$button-border-radius: 4px;
$color-border-grey: #f9f9f9;
$color-border-hard-grey: #b7b7b7;

/* colors*/
$color-main-blue: #007eee;
$color-main-light-blue: #5ca8eb;
$color-additional-blue: #00d0f7;
$color-main-blue-with-opacity-0_1: #e4f2fd;
$color-additional-blue-with-opacity-0_1: #e4fcfe;
$color-border-blue: #00f0fb;
$color-border-blue-darken: #005bea;
$color-main-blue-text: #009af1;

$color-main-green: #1cb6b1;
$color-additional-green: #7be6b9;
$color-main-green-text: #47ccb5;
$color-main-green-with-opacity-0_3: #b8e8e6;
$color-additional-green-with-opacity-0_3: #d6f7e9;

$color-main-yellow: #fedd2d;
$color-main-yellow-with-opacity-0_3: #fce4bd;
$color-additional-yellow: #ffe661;
$color-additional-yellow-with-opacity-0_3: #ffed8b;

$color-main-orange: #fe815a;
$color-main-orange-with-opacity-0_3: #fed3d5;
$color-additional-orange: #ff9944;
$color-additional-orange-with-opacity-0_3: #ffe0c7;

$color-main-red: #fe525b;
$color-additional-red: #fe7c83;
$color-main-gradient-red: #fe222d;
$color-additional-gradient-red: #fe7c83;

$color-main-grey-text: #9b9b9b;
$color-additional-grey-text: #d0d0d0;
$color-spare-grey-text: #f3f3f3;
$color-main-grey-background: #e8e8e8;
$color-main-light-grey-background: #f5f5f5;
$color-additional-grey-background: #ededed;

$color-main-black: #000;
$color-main-white: #fff;

/* https://www.figma.com/file/RrtZmJgwOptV63FxaDcNXY/UI-Kit-%D0%90%D0%9E-%22%D0%A0%D0%90%D0%94%22?node-id=2%3A67 */
$color-white-60: #f5f5f5;

$color-black-20: #b7b7b7;

/* table*/
$table-striped-background-odd: #f9f9f9;
$table-striped-background-hover: #eae9e9;
$table-striped-background-even: #fff;

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1580px,
) !default;

$xxl-breakpoint: 1580px;
$xl-breakpoint: 1200px;
$lg-breakpoint: 992px;
$md-breakpoint: 768px;
$sm-breakpoint: 576px;

$main-padding: 11px;
$md-main-padding: 15px;
$xl-main-padding: 16px;

$cdk-z-index-overlay-container: 1000;
$cdk-z-index-overlay: 1000;
$cdk-z-index-overlay-backdrop: 1000;

$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.288);

$backdrop-animation-duration: 400ms !default;
$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;