// Body
$body-bg: #f8fafc;

// Colors
$primary  : #3490dc;
$secondary: #6574cd;
$danger   : #EE2F4F;
$warning  : #ffaf00;
$success  : #38c172;
$info     : #6cb2eb;
$orange   : #f6993f;
$teal     : #4dc0b5;
$purple   : #9561e2;
$pink     : #f66d9b;
$svg-home-header: #FFF1A5,
#FDDB7E,
#E9BC65,
#D2994A,
#C98C3F,
#DCA956,
#FDDB7E,
#C98C3F,
#FEE998,
#FFF1A5,
#FDDB7E,
#F3CB71,
#DCA956,
#CE9445,
#CE9445,
#C98C3F,
#DCA956,
#FDDB7E,
#FEE793;

$color-facebook : #1877f2;
$color-telegram : #25a3e1;
$color-gmail    : #ea4335;
$footer         : #051937;

:root {
    // --bg-color: linear-gradient(to right top, #859398, #283048);
    --bg-color   : #ffffff;
    --text-color : #000;
    --text-menu  : #ffaf00;
    --bg-vision  : #000;
    --bg-dropdown: #ffffff;
    --package-bg : #ffffff;
    --shadow     : 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bg-card    : #f3f9fe;
}

.darkmode {
    // --bg-color: linear-gradient(to right top, #051937, #0f1f3b, #18243f, #202a44, #283048);
    --bg-color   : #04080e;
    --text-color : #ffffff;
    --text-menu  : #ffaf00;
    --bg-vision  : #{$footer};
    --bg-dropdown: #{$footer};
    --package-bg : #{$footer};
    --shadow     : 0px 0rem 5px rgb(253 173 0);
    --bg-card    : #{$footer};
}


$fill-curve: var(--bg-color);

/* Customize boostrap */
$dropdown-link-hover-bg : transparent;
$dropdown-link-active-bg: transparent;
$offcanvas-bg-color     : #{$footer};

$accordion-color              : var(--text-color);
$accordion-icon-active-color  : var(--text-menu);
$accordion-icon-color         : var(--text-menu);
$accordion-bg                 : var(--bg-color);
$accordion-button-active-bg   : #{$footer};
$accordion-button-active-color: var(--text-menu);
$accordion-button-color       : var(--text-menu);

$nav-tabs-border-color: $warning;
$nav-tabs-link-active-color: $warning;
$nav-tabs-link-active-border-color: $warning $warning var(--bg-color) $warning;
$nav-tabs-link-active-bg: var(--bg-color);
$nav-tabs-link-hover-border-color: $nav-tabs-link-active-border-color;

$box-shadow: var(--shadow);

$input-border-radius: 0;
$input-bg           : transparent;
$input-color        : var(--text-color);

$utilities: (
    "opacity": (
    property: opacity,
    values: (
      0: 0,
      25: .15,
      50: .5,
      75: .75,
      100: 1,
    )
  ),
);
  

$sl-overlay-background: #000;
$sl-navigation-color  : #fff;