/**
 * Переменные
 */

:root {
  --color-white: rgba(255, 255, 255, 1);
  --color-success: rgba(0, 175, 236, 1);
  --color-warning: rgba(255, 184, 39, 1);
  --color-error: rgba(243, 82, 82, 1);
  --color-disabled: #dbdbdb;
  --color-black: rgba(0, 0, 0, 1);

  --color-span: #b5b5b5;
  --color-span-second: #212121;

  --color-bg: #f8f8f8;
  --color-bg-second: #f8f8f8;
  --color-bg-success: rgba(0, 175, 236, 0.1);
  --color-bg-warning: var(--color-warning),;
  --color-bg-error: var(--color-error);

  --color-placeholder: rgba(181, 181, 181, 1);

  --color-border: #dbdbdb;

  --color-radio-border: #d3d3d3;

  --font-roboto: 'Roboto', sans-serif;
  --font-helvetica: 'Helvetica', sans-serif;
}

$color-white: rgba(255, 255, 255, 1);
$color-success: rgba(0, 175, 236, 1);
$color-warning: rgba(255, 184, 39, 1);
$color-error: rgba(243, 82, 82, 1);
$color-disabled: #dbdbdb;
$color-black: rgba(0, 0, 0, 1);

$color-span: #b5b5b5;
$color-span-second: #212121;

$color-bg: #f8f8f8;
$color-bg-second: #f8f8f8;
//$color-bg-success: transparentize($color-success, .9);
$color-bg-warning: transparentize($color-warning, .9);
$color-bg-error: transparentize($color-error, .9);

$color-placeholder: rgba(181, 181, 181, 1);

$color-border: #dbdbdb;

$color-radio-border: #d3d3d3;

$font-roboto: 'Roboto', sans-serif;
$font-helvetica: 'Helvetica', sans-serif;