@use 'sass:math';
+@use 'sass:color';
@use '~bootstrap/scss/functions' as *;
$small-view: 800px;
$grey-background-hover-color: #EFEFEF;
$grey-foreground-color: #585858;
$grey-foreground-hover-color: #303030;
-$grey-button-outline-color: scale-color($grey-foreground-color, $alpha: -95%);
+$grey-button-outline-color: color.scale($grey-foreground-color, $alpha: -95%);
$main-color: hsl(24, 90%, 50%);
$main-color-lighter: lighten($main-color, 10%);
$main-color-lightest: lighten($main-color, 40%);
+$main-color-very-light: #fff5eb;
$main-hover-color: lighten($main-color, 5%);
$main-background-hover-color: #e9ecef;
$support-button-heart: #e83e8c;
$bg-color: #fff;
-$fg-color: #000;
+$fg-color: #212529;
$red: #FF0000;
$green: #39CC0B;
$expanded-horizontal-margins: 150px;
$not-expanded-horizontal-margins: 30px;
+$button-font-size: 15px;
$button-height: 30px;
$header-height: 50px;
$sub-menu-margin-bottom: 30px;
$sub-menu-margin-bottom-small-view: 10px;
-$activated-action-button-color: #000;
+$activated-action-button-color: #212529;
$focus-box-shadow-form: 0 0 0 .2rem;
+$form-input-font-size: 15px;
+$form-input-line-height: 1.4;
$video-watch-player-factor: math.div(16, 9);
$video-watch-info-margin-left: 44px;
--mainColor: var(--mainColor),
--mainColorLighter: var(--mainColorLighter),
--mainColorLightest: var(--mainColorLightest),
+ --mainColorVeryLight: var(--mainColorVeryLight),
--mainHoverColor: var(--mainHoverColor),
--mainBackgroundHoverColor: var(--mainBackgroundHoverColor),