:root {
    --font-color-primary: #e8eaf3;
    //--font-color-secondary: #fff;
    --font-color-secondary-value: #fff;    
    --font-link-primary: #595c67;
    --font-link-primary-hover: #8f93a2;
    --color-primary: #141824;
    --color-secondary: #090b10;

    --font-color-secondary: hsl(from var(--font-color-secondary-value) h s calc(l - 25%));

    --color-primary-lighter-5: hsl(from var(var(--color-primary)) h s calc(l + 5%));
    --color-primary-lighter-15: hsl(from var(var(--color-primary)) h s calc(l + 15%));
    --color-primary-lighter-20: hsl(from var(var(--color-primary)) h s calc(l + 20%));
    --color-primary-darker-4: hsl(from var(var(--color-primary)) h s calc(l - 4%));
    
    --font-color-primary-darker-20: hsl(from var(--font-color-primary) h s calc(l - 20%));

    --font-link-primary-lighter-40: hsl(from var(--font-link-primary-lighter-40) h s calc(l + 40%));
}

$font-color-primary: var(--font-color-primary); // #e8eaf3;
//$font-color-secondary: darken(var(--font-color-secondary), 25) ;// darken(#fff, 25);
//$font-color-secondary: hsl(from var(--font-color-secondary) h s calc(l - 25%));
$font-color-secondary: var(--font-color-secondary); 

$font-link-primary: var(--font-link-primary); // #595c67;
$font-link-primary-hover: var(--font-link-primary-hover);// #8f93a2;
//$color-primary: var(var(--color-primary)); // #141824;
//$color-secondary: var(--color-secondary); // #090b10;

$column-color: #0f111a;
$column-header-background-color: #0c0c10;

$content-warning-background-color: #0a0c13;
$content-warning-background-color: black;
$content-warning-font-color: $font-link-primary-hover;

$default-font-size: 15px;
$small-font-size: 12px;
$btn-primary-color: #444f74;
$btn-primary-color-hover: darken($btn-primary-color, 10);
$btn-primary-font-color: white;
$status-primary-color: #fff;
$status-secondary-color: #4e5572;
$status-links-color: #d9e1e8;
$boost-color : #5098eb;
$update-color : #95e470;
$favorite-color: #ffc16f;
$bookmarked-color: #ff5050;

// Block dispositions
$scroll-bar-width: 8px;

$stream-selector-height: 30px;
$stream-column-separator: 7px;
$stream-column-width: 320px;
$floating-column-size: 330px;
$avatar-column-space: 70px;

$stream-header-height: 40px;

//Bootstrap cuistomization
$enable-rounded: false;

$separator-color: var(--color-primary);
$button-size: 30px;
$button-color: darken(white, 30);
$button-color-hover: white;
$button-background-color: var(--color-primary);
//$button-background-color-hover: lighten($color-primary, 20);
$button-background-color-hover: var(--color-primary-lighter-20);
$button-border-color: #303957;


$column-background: #0f111a;

$card-border-color: #2b344d;

$context-menu-background: #d9e1e8;
$context-menu-background: #ffffff;
$context-menu-background-hover: #a9c9e6;
$context-menu-background-hover: #d7dfeb;
$context-menu-font-color: #000000;
$context-menu-border-color: #c0cdd9;
$context-menu-border-color: #cbd3df;

$direct-message-background: #090a0f;


$status-editor-title-background: #a9c9e6;
$status-editor-title-background: #ebebeb;
$status-editor-background: #d9e1e8;
$status-editor-background: #ffffff;
$status-editor-color: #23252c;
$status-editor-color: #14151a;
$status-editor-footer-background: #535c7e;
$status-editor-footer-background: #3e455f;
$status-editor-footer-link-color: #e2e2e2;
$selected-status: #1e2734;

$autosuggest-background: #ffffff;
$autosuggest-entry-background: #3e455f;
$autosuggest-entry-background: #0f111a;
$autosuggest-entry-color: #62667a;
$autosuggest-entry-handle-color: #e2e2e2;
$autosuggest-entry-background-hover: #3e455f;
$autosuggest-entry-background-hover: rgb(37, 41, 56);
$autosuggest-entry-background-hover: rgb(46, 51, 70);
$autosuggest-entry-color-hover: #e2e2e2;
$autosuggest-entry-handle-color-hover: #ffffff;

$scrollbar-color: #08090d;
$scrollbar-color-thumb: var(--color-primary-lighter-5);

$poll-editor-background: #3e455f;
$poll-editor-background: #32384d;
$poll-editor-background: #fff;

$poll-editor-separator: #e7e7e7;
$poll-editor-input-border: #b9b9b9;
$poll-editor-input-border-focus: #007be0;

$scheduler-background: #3e455f;

$notification-column-selector-background: #171c29;
$notification-column-selector-color: #999fb1;
$notification-column-selector-color-hover: white;

$settings-text-input-background: #242836;
$settings-text-input-foreground: white;
$settings-text-input-border: #32384d;