// Loki colors
$color-loki-dark-gray: #323232;
$color-loki-extra-dark-gray: #101010;
$color-loki-green-dark: #32b10e;
$color-loki-green-gradient: linear-gradient(to right, rgb(120, 190, 32) 0%, rgb(0, 133, 34) 100%);

$color-gray-75: #3d3e44;
$color-gray-95: #0f1012;

$color-white-015: rgba(var(--color-white-color), 0.15);
$color-white-02: rgba(var(--color-white-color), 0.2);
$color-white-04: rgba(var(--color-white-color), 0.4);
$color-white-05: rgba(var(--color-white-color), 0.5);
$color-white-06: rgba(var(--color-white-color), 0.6);
$color-white-07: rgba(var(--color-white-color), 0.7);
$color-white-075: rgba(var(--color-white-color), 0.75);
$color-white-08: rgba(var(--color-white-color), 0.8);
$color-light-20: #c1c5cd;
$color-light-60: #62656a;
$color-light-90: #070c14;

$color-dark-55: #88898c;
$color-dark-60: #797a7c;
$color-dark-72: #31343c;
$color-dark-90: #121417;
$color-black-008: rgba(var(--color-black-color), 0.08);
$color-black-005: rgba(var(--color-black-color), 0.05);
$color-black-008-no-tranparency: #ededed;
$color-black-016-no-tranparency: #d9d9d9;
$color-black-012: rgba(var(--color-black-color), 0.12);
$color-black-04: rgba(var(--color-black-color), 0.4);

// Old colors

$blue: #2090ea;

// A few layout variables used cross-file

$header-height: 55px;
$button-height: 24px;

$border-radius: 5px;
$message-container-border-radius: 16px;

$font-size: 14px;
$font-size-small: calc(13 / 14) + em;