$logo-color: #1d7bff;
$brand-primary: #1d7bff;
$brand-softer: #219ff8;
$brand-dark: #2D303A;
$body-bg: #fff;
$faded-bg: #f3f3f3;
$sidebar-bg: #fff;
$element-bg: #F5F6FA;
$color-faded: #788291;
$border-color-strong: #d2d4d7;
$border-color-main: #dcdad7;
$border-color-sub: #f2f3f3;
// FONTS & TYPOGRAPHY

$body-font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
$headings-font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
$mono-font-family: "latepoint-mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;

$images-path: '/wp-content/plugins/latepoint/public/images';
$fonts-path: '/wp-content/plugins/latepoint/public/fonts';

// -- Sizes

$font-size-menu-base: 17px;
$headings-font-size: 26px;

// $body-color: #2D303A;
$body-color: #41444b;
$body-color-dark: #2e3036;
$body-color-light: #b0b0b0;


$headings-font-weight-normal: 400;
$headings-font-weight-bold: 400;

$mono-font-weight-normal: 400;
$mono-font-weight-bold: 400;
$headings-color: #1f222b;

$link-color: $brand-primary;
$letter-spacing: normal;
$content-padding: 30px;

// CALENDAR
$period_height: 20px;

// SIDE PANEL
$side-panel-width: 420px;
$side-panel-offset: 0px;
$side-panel-border-radius: 0px;
$side-panel-padding-y: 20px;
$side-panel-padding-x: 30px;
$top-bar-bg: #fff;
$top-bar-height: 58px;

// SIDE MENU
$side-menu-width: 210px;

// -- Light
$side-menu-text-color: $headings-color;
$side-menu-link-color: #3a424b;
$side-menu-icon-color: $brand-primary;
$side-menu-bg: $body-bg;
$side-menu-item-hover-bg: #edeff1;
$side-menu-active-item-bg: #edeff1;

// -- Dark
$side-menu-dark-link-color: #9398b7;
$side-menu-dark-icon-color: #3a58dc;
$side-menu-dark-bg: #040a27;
$top-bar-mobile-height: 54px;
$floating-sub-menu-dark-bg: $brand-primary;
// GLOBALS

$widget-padding: 30px;

$calendar-year-color: #eee;

// -- Shadows
$box-shadow: 0 5px 15px -5px rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
$box-shadow-hover: 0 15px 30px 0 rgba(108, 120, 143, 0.2), 0 1px 3px 0 rgba(170, 179, 197, 0.9);
$box-shadow-main: 0 1px 2px rgba(0,0,0,0.2);

// -- Border Radius
$border-radius-xs: 8px;
$border-radius-sm: 12px;
$border-radius: 15px;
$border-radius-lg: 20px;

$border-radius-btn: 15px;
$border-radius-btn-lg: 20px;
$border-radius-btn-sm: 12px;

$lightbox-border-radius: 20px;

$border-color-lightest: #EEF0F1;
$border-color-light: #ddd;


// TABLES
$table-row-highlight-bg: #f3f4f7;
$table-row-highlight-border: $border-color-main;
$table-heading-border-color: $border-color-main;

// TOOLTIPS
$tooltip-border-radius: $border-radius-sm;

// FORMS

$form-controls-border-color: #cecfd8;
$form-controls-background-color: #f1f3f7;
$form-controls-border-radius: $border-radius;
$form-controls-color: #32373c;
$form-controls-label-color: #444756;
$form-controls-select-height: auto;
$form-controls-select-height-small: auto;
$form-controls-placeholder-color: #a4a6a9;
$form-controls-font-weight: $body-font-weight-normal;

$form-controls-padding-x: 6px;
$form-controls-padding-y: 7px;

$form-controls-border-color-error: #b55959;
$form-controls-color-error: #872727;
$form-controls-background-error: #b55959;
$form-controls-label-color-error: #bf6666;

// BUTTONS
$button-shadow-size: 0px 1px 2px 0px;
$button-font-size: 15px;

// primary
$button-primary-bg-color: #1e7bff;
$button-primary-border-color: #1e7bff;
$button-primary-shadow-color: transparent;
$button-primary-text-color: #fff;
$button-primary-outline-text-color: #1e7bff;
$button-primary-hover-bg-color: #3c8dff;
$button-primary-hover-border-color: #3c8dff;

// danger
$button-danger-bg-color: #ef6b6b;
$button-danger-border-color: #ef6b6b;
$button-danger-shadow-color: transparent;
$button-danger-text-color: #fff;
$button-danger-outline-color: #de5959;
$button-danger-hover-bg-color: #FB7F7F;
$button-danger-hover-border-color: #FB7F7F;

// success
$button-success-bg-color: #2ebd6f;
$button-success-border-color: #2ebd6f;
$button-success-shadow-color: transparent;
$button-success-text-color: #fff;
$button-success-outline-color: #1ea55b;
$button-success-hover-bg-color: #42d083;
$button-success-hover-border-color: #42d083;

// warning
$button-warning-bg-color: #e2c99b;
$button-warning-border-color: #e2c99b;
$button-warning-shadow-color: transparent;
$button-warning-text-color: #534220;
$button-warning-outline-color: #534220;
$button-warning-hover-bg-color: #fde1ac;
$button-warning-hover-border-color: #fde1ac;

// secondary
$button-secondary-bg-color: #f3f4f7;
$button-secondary-border-color: #e9eaed;
$button-secondary-shadow-color: transparent;
$button-secondary-text-color: #252C39;
$button-secondary-outline-color: #b6bac9;
$button-secondary-hover-bg-color: #dcdee4;
$button-secondary-hover-border-color: #dcdee4;

// white
$button-white-bg-color: #fff;
$button-white-border-color: #e9ebf0;
$button-white-shadow-color: rgba(0,0,0,0.1);
$button-white-text-color: $body-color;
$button-white-outline-color: #fff;
$button-white-hover-bg-color: #eee;
$button-white-hover-border-color: #fff;

// booking form preview
$calendar-day-box-bg: #eefdec;
$calendar-timeline-off-bg: #e6e9ef;
$timeblock-available-bg: #8fe286;
$timeblock-tick-height: 24px;


// order form
$order-item-padding: 15px;