/* Theme */

$green: #4bb543;
$green-low-opacity: rgba(75, 181, 67, 0.11);
$green-border: #67d19f;
$green-hover-background: rgba(18, 183, 106, 0.05);
$darker-green: #3a9c76;
$primary-low-opacity: rgba(52, 171, 125, 0.16);

$red: #e7423a;
$low-opacity-red: rgba(231, 66, 58, 0.08);
$lightest-red: #fdf4f6;
$error-background: #d4453d;

$grey-dark: #344054;
$grey: #858585;
$grey-low-opacity: rgba(133, 140, 154, 0.4);
$grey-lighter-low-opacity: rgba(223, 224, 228, 0.5);
$grey-lightest: #f0f0f0;
$grey-outline: #d0d5dd;
$grey-outline-dark: #b5b5b5;
$grey-detail: #e1e1e1;
$subtle-grey: #f2f4f7;
$subtlest-grey: #e3e4e5;
$grey-darker: #101828;
$grey-hover: #fafafa;
$grey-blue: #667085;
$detail: #e2e3e4;
$light-grey-background: #f7f7f7;

$dark: #2f3032;
$full-black: #000;

$white: #fff;
$low-opacity-white: rgba(255, 255, 255, 0.1);

$yellow: #ffd600;
$warning-yellow: #fec84b;

$blue: #2f80ed;
$purple: #7b61ff;
$purple-low-opacity: rgba(123, 97, 255, 0.08);
$text-color: #1a1a1a;

$primary: var(--primary-color);
$hover-style: brightness(0.8) contrast(160%) grayscale(0.4);
$font-family: var(--font-family);
$background: $white;
$top-bar-background: var(--top-bar-background);
$toolbar: $text-color;
$searchbar: $text-color;
$tooltip: $dark;
$toolbar-elements: $white;

$link: $primary;
$info: $blue;
$danger: $red;
$warning: $warning-yellow;
$success: $green;
$text: $grey-dark;
$text-strong: $dark;
$text-lighter: $grey;
$black: $dark;

$input-shadow: none;
$top-bar-height: 56px;
$component-border: 1px solid $detail;

$documents-list-height: 52px;