@use 'sass:math';
+@use '~bootstrap/scss/functions' as *;
$small-view: 800px;
$mobile-view: 500px;
$main-color: hsl(24, 90%, 50%);
$main-color-lighter: lighten($main-color, 10%);
$main-color-lightest: lighten($main-color, 40%);
+
$main-hover-color: lighten($main-color, 5%);
+$main-background-hover-color: #e9ecef;
$secondary-color: hsl(187, 77%, 34%);
--mainColorLightest: var(--mainColorLightest),
--mainHoverColor: var(--mainHoverColor),
+ --mainBackgroundHoverColor: var(--mainBackgroundHoverColor),
--mainBackgroundColor: var(--mainBackgroundColor),
--mainForegroundColor: var(--mainForegroundColor),
--greyForegroundColor: var(--greyForegroundColor),
--greyBackgroundColor: var(--greyBackgroundColor),
+ --greySecondaryBackgroundColor: var(--greySecondaryBackgroundColor),
--menuBackgroundColor: var(--menuBackgroundColor),
--menuForegroundColor: var(--menuForegroundColor),