// colors
$cyan: #178387;
$gold: #FEC307;
$green: #06B486;
$orange: #FF6F00;
$violet: #8338EC;
$blue: #3A86FF;
$pink: #EF237B;
$gray-dark: #2E2E2E;
$gray-medium: #828282;
$gray: #B4B4B4;
$gray-light: #DBDBDB;
$gray-xlight: #F4F4F4;

// font-size
$base-font: 15;
$fz-1: 25em / $base-font;
$fz-2: 20em / $base-font;
$fz-small: 12em / $base-font;

$mobile-header-height: 75px;
// $desktop-header-height: ;

// Core vars
$width: 1400em / $base-font;
$mobile-limit: 64em;
$very-small-limit: 35em;
$columns-gutter: 40em / 15;
$sidebar-position: right;
$sidebar-width: 480em / 15;
$sidebar-columns-gutter: 80em / 15;
$grid-gutter: 2rem;
$columns-gutter: 2rem;

$font-family: Poppins, sans-serif;
$font-size: $base-font / 16 * 100%;
$font-color: $gray-dark;
$link-color: $cyan;

$primary-color: $cyan;
$body-background: $gray-xlight;

$header-background-color: white;

$nav-item-selected-mode: bottom-border;
$nav-color: $gray-dark;
$nav-active-color: $nav-color;
$nav-item-selected-background: transparent;
$nav-item-selected-color: $nav-color;
$nav-menu-side: $mobile-header-height;
$nav-button-background: $gray-dark;
$nav-button-color: white !important;
$nav-submenu-background: white;
$nav-submenu-color: $gray-medium;
$nav-mobile-menu-background: $gray-dark;
$nav-mobile-menu-item-color: $gray-dark;
$nav-mobile-menu-item-hover-background: $gray-xlight;
$nav-after-image: false;
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left

$nav-mobile-bottom-bar-item-hover-color: $gold;

$title-background: transparent;
$title-color: $gray-dark;
$title-font-size: $fz-1;
$title-weight: bold;
$title-transform: uppercase;
$title-padding: 0;

$cell-background: transparent;
$cell-border: none;
$cell-title-cover-border: false;
$cell-entry-border: 1px solid $body-background;
$cell-entry-hover-color: white;
$cell-entry-hover-background: $cyan;
$cell-border-radius: 1rem;

$button-background: white;
$button-hover-background: $cyan;
$button-color: $font-color;
$button-hover-color: white;
$button-border-radius: $cell-border-radius;
$button-border: none;

$form-sidebar-position: right;
$form-sidebar-width: 400em / 15;
$form-sidebar-gutter: $sidebar-columns-gutter;

$widget-unique-checkbox-position: left;
$widget-border: 1px solid $gray;
$widget-focus-border: 1px solid $gray-dark;
$widget-border-radius: 1em;

$footer-background: $gray-dark;
$footer-color: white;
$footer-link-color: $footer-color;
