$tp-font-family: Inter, sans-serif !default;

//$tp-color-action-light: #f2f7fc !default;
$tp-color-less-light: #F7FAFA !default;
$tp-color-action: #1A73E8 !default;
$tp-color-action-light: #D9E8FB !default;
//$tp-color-action-light: #DCE4EA !default;
$tp-color-text-light: $tp-color-less-light !default;

$tp-color-select: #f0f5ff !default;
$tp-color-hover: #e8eceb !default;
$tp-color-active: #429777 !default;
$tp-color-grey: #DAD9D9 !default;
$tp-color-error: #FF4141 !default;
$tp-color-warning: #DF7C2A !default;
$tp-color-label: #2e3350 !default;
$tp-color-font: #171721 !default;
$tp-color-text-grey: #747b87 !default;
$tp-color-negative-value: #C1002A !default;
$tp-color-discount-value: #FF4141 !default;
$tp-color-payed-value: #37c949 !default;

$tp-color-border: #DCE4EA !default;
$tp-color-background-selected: #f1fcff !default;
$tp-color-dark: $tp-color-font !default;
$tp-color-light: #FFFFFF !default;
$tp-color-light-accent: #DCE4EA !default;

$tp-color-active-light: #5FDCB3 !default;
$tp-color-active-light-additional: #d1d1d1 !default;
$tp-color-dark-accent: #475060 !default;

$tp-color-stock-low: $tp-color-error !default;
$tp-color-stock-medium: $tp-color-warning !default;
$tp-color-stock-high: $tp-color-active !default;
$tp-color-stock-empty: $tp-color-grey !default;
$tp-color-colijn-orange: #fe4400 !default;

$tp-color-transaction-line-added: #b9b9b9 !default;

$tp-distance-small: 5px !default;
$tp-distance-medium: 11px !default;
$tp-distance-big: 20px !default;
$tp-distance-very-big: 30px !default;

$tp-default-row-gap: 10px;
$tp-default-column-gap: 5px;

$tp-font-size: 12px !default;
$tp-font-size-big: 14px !default;
$tp-font-size-small: 10px !default;
$tp-font-label-small: 9px !default;

$tp-item-size: 40px !default;
$tp-item-size-small: 25px !default;
$tp-item-size-very-small: 20px !default;
$tp-item-size-medium: 60px !default;
$tp-item-size-large: 70px !default;
$tp-item-size-massive: 100px !default;
$tp-radio-button-width: auto !default;
$tp-header-button-min-width: 130px !default;
$tp-checkout-default-padding: 5px !default;
$tp-checkout-step-color: $tp-color-action !default;

$tp-action-size-big: 45px !default;
$tp-action-size: 40px !default;
$tp-action-size-small: 30px !default;
$tp-action-size-tiny: 25px !default;
$tp-action-size-micro: 22px !default;
$tp-action-size-nano: 18px !default;
$tp-action-size-pico: 14px !default;

$tp-size-header-height: 60px !default;

$tp-default-background: white !default;
$tp-default-background-accent: #f5f5fc !default;
$tp-default-border-radius: 5px !default;
$tp-default-button-height: 30px;

$tp-xs-width: 600px !default;
$tp-sm-width: 960px !default;
$tp-md-width: 1280px !default;
$tp-lg-width: 1920px !default;

// transaction buttons
$tp-transaction-default-button-width: 100px !default;
$tp-transaction-default-status-bar-width: 130px !default;
$tp-transaction-default-button-width-big: 175px !default;
$tp-transaction-default-button-height: 30px !default;
$tp-transaction-line-input-number-picker-width: 110px !default;

$tp-transaction-header-font-family: $tp-font-family !default;
$tp-transaction-header-font-size: 14px !default;
$tp-transaction-header-font-color: $tp-color-dark !default;
$tp-transaction-lines-drag-handle-size: 30px !default;
$tp-transaction-quick-access-column-gap: 10px !default;
$tp-transaction-input-right-align: end !default;

$tp-transaction-not-definitive-opacity: 0.5 !default;

// payment num pad globals
$tp-payment-amount-color: rgba(0, 0, 0, 0.5) !default;
$tp-payment-amount-background-color: white !default;
$tp-payment-amount-border-color: $tp-color-border !default;
$sc-key-pad-background-color: white;
$sc-key-pad-button-gap: 2px;
$sc-key-pad-button-border-radius: 0;
$sc-key-pad-button-background-color: #131840;

/* core components override */
$cc-color-action: $tp-color-font !default;
$cc-btn-color: $tp-default-background-accent !default;
$cc-btn-text-color: $tp-color-font !default;
$cc-input-checkbox-border-radius: 4px !default;
$cc-checkbox-border-radius: 0 !default;
$cc-checkbox-check-background-color: white !default;
$cc-checkbox-check-border-color: #5FDCB3 !default;
$cc-checkbox-check-color: #5FDCB3 !default;
$cc-radio-button-height: 32px !default;
$cc-item-size: 50px !default;
$cc-co-input-search-height: 32px;

$cc-input-border-width: 1px !default;

$cc-co-input-search-label-font-weight: 100 !default;

$cc-co-dialog-header-text-color: $tp-color-font !default;
$cc-co-dialog-padding: 30px !default;
$cc-co-dialog-footer-button-submit-color: $tp-color-active-light !default;
$cc-co-dialog-footer-button-submit-size: 25px !default;
$cc-btn-border-radius: 5px !default;
$cc-btn-height: 36px !default;

$cc-collapsible-content-padding: 10px 0px 0px 0px !default;

$cc-co-input-search-border-radius: $tp-default-border-radius !default;

$cc-co-input-text-icon-margin-number: 5px !default;
$cc-co-input-text-spacer-color: $tp-color-border !default;
//$cc-co-input-text-icon-padding: 4px !default;

$cc-co-input-number-picker-button-background-color-hover: $tp-color-action !default;
$cc-co-input-number-picker-button-background-color-select: $tp-color-action !default;
$cc-co-input-number-picker-spacer-color: $tp-color-border !default;

//$cc-co-commit-buttons-button-background: none !default;
$cc-co-commit-buttons-commit-color: $tp-color-label !default;
$cc-co-commit-buttons-cancel-color: $tp-color-label !default;

$cc-simple-grid-header-border-color: white !default;
$cc-simple-grid-header-font-size: 11px !default;
$cc-simple-grid-cell-padding: 0 5px !default;
$cc-simple-grid-row-selected-background-color: $tp-color-select !default;
$cc-simple-grid-row-height: 60px !default;

$cc-co-carousel-padding: 10px 20px !default;

$cc-co-calendar-width: 250px !default;
$cc-co-calendar-day-height: 34px !default;
$cc-co-calendar-day-number-font-size: 13px !default;
$cc-co-calendar-day-number-font-weight: 400 !default;
$cc-co-calendar-highlighted-day-background-color: #eee !default;
$cc-co-calendar-highlighted-day-color: black !default;
$cc-co-calendar-selected-day-background-color: #2b60a7 !default;
$cc-co-calendar-day-number-font-weight: normal !default;
$cc-co-calendar-weekday-font-size: 13px !default;
$cc-co-calendar-weekday-color: #0000008a !default;
$cc-co-calendar-day-margin: 0 !default;
$cc-radio-button-border-width: 0 !default;

$tp-checkout-co-carousel-tile-width: 160px !default;
$tp-checkout-co-carousel-tile-height: 100% !default;
$tp-checkout-co-carousel-tile-min-height: 100% !default;
$tp-checkout-co-carousel-tile-max-height: 120px !default;
$tp-checkout-co-carousel-tile-padding: 10px 15px !default;
$tp-checkout-co-payment-padding: 30px !default;
$tp-checkout-co-payment-background: #f8f8fa !default;
$tp-checkout-checkout-data-column-background: #f8f8fa !default;
$tp-checkout-co-shopping-cart-preview-background: #f8f8fa !default;
$tp-checkout-transaction-delivery-method-carousel-max-width: 620px !default;
$tp-checkout-transaction-delivery-method-carousel-button-right: -80px !default;
$tp-checkout-transaction-delivery-method-carousel-button-size: 40px !default;
$tp-checkout-transaction-delivery-method-carousel-button-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.2) !default;
$tp-checkout-transaction-delivery-method-carousel-button-svg-size: 30px !default;
$tp-checkout-transaction-header-definitive-margin: 10px 0 !default;

/*co-dialog*/
$tp-transaction-dialog-default-width: 1200px !default;
$tp-transaction-dialog-save-button-size: auto !default;
$tp-transaction-dialog-save-button-icon-size: 20px !default;
$tp-transaction-dialog-save-button-icon-color: $tp-color-light !default;
$tp-transaction-dialog-button-border-color: #DCE4EA !default;
$tp-transaction-dialog-button-border-width: 0 0 0 0 !default;
$tp-transaction-dialog-button-border-style: solid !default;
$tp-transaction-dialog-button-padding: 8px !default;
$tp-transaction-dialog-button-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3) !default;
$tp-transaction-dialog-button-background-color: $tp-color-action !default;
$tp-transaction-dialog-close-button-size: auto !default;
$tp-transaction-dialog-close-button-background-color: #475060 !default;
$tp-transaction-dialog-footer-border-width: 5px 0 0 0 !default;
$tp-transaction-dialog-footer-border-color: #ffffff !default;
$tp-transaction-dialog-footer-padding: 20px 0 0 0 !default;
$tp-transaction-dialog-footer-background: #f8f8fa !default;
$tp-transaction-dialog-footer-button-wrapper-gap: 5px !default;
$tp-transaction-dialog-background: #f8f8fa !default;
$tp-transaction-dialog-checkbox-checked-background-color: #1a73e8 !default;
$tp-transaction-dialog-color-light: #FFFFFF !default;
$tp-transaction-dialog-title-gap: 10px !default;
$tp-transaction-dialog-title-font-size: 14px !default;
$tp-transaction-dialog-title-text-margin: 0 0 20px 0 !default;
$tp-transaction-dialog-title-icon-margin: 0 0 20px 0 !default;
$tp-transaction-dialog-title-icon-size: 20px !default;
/****************************/