/* Orchard Variables */
/* stylelint-disable color-function-notation */

// Range date input
$range-date-focused: #e0dad8;

// General components
$grey-border: $gray-400;
$divider: $gray-300;
$yiq-contrasted-threshold: 175;
$yiq-text-dark: $gray-800;

// Options
// Quickly modify global styling by enabling or disabling optional features.
$enable-validation-icons: false;

// Body
$body-bg: $white;
$body-color: $gray-900;

// Links
// Style anchor elements.
$link-color: $blue;

// Components
// Define common padding and border radius sizes and more.
$border-width: 1px;
$border-color: $gray-300;
$border-radius: 0.25rem;
$border-radius-sm: 0.2rem;
$border-radius-lg: 0.3rem;
$component-active-color: $white;
$component-active-bg: $blue;

// Buttons + Forms
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
$input-btn-padding-y: 0.65rem;
$input-btn-padding-x: 1.2rem;
$input-btn-line-height: $line-height-base;
$input-btn-focus-width: 0.2rem;
$input-btn-focus-color: rgba($component-active-bg, 0.25);
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;
$input-btn-padding-y-sm: 0.25rem;
$input-btn-padding-x-sm: 0.5rem;
$input-btn-padding-y-lg: 1rem;
$input-btn-padding-x-lg: 2rem;
$input-btn-border-width: $border-width;

// Buttons
// For each of Bootstraps buttons, define text, background, and border color.
$btn-font-weight: 500;
$btn-font-size-lg: 1rem;

// Forms
$input-padding-y: $input-btn-padding-y;
$input-padding-x: $input-btn-padding-x;
$input-line-height: $input-btn-line-height;
$input-bg: $white;
$input-disabled-bg: $gray-200;
$input-color: $gray-900;
$input-border-color: $gray-400;
$input-border-radius: $border-radius;
$input-border-width: $input-btn-border-width;
$input-box-shadow: inset 0 1px 1px rgba($black, 0.075);
$input-focus-border-color: $blue;
$input-focus-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 10%);
$input-hover-box-shadow: $input-focus-box-shadow;
$input-font-size: $font-size-base;
$input-height-border: $input-border-width * 2;
$input-height-inner: calc(#{$input-line-height} + #{$input-padding-y * 2});
$input-height: 40px;
$input-padding-x: 0.7rem;

// Tooltips
$tooltip-bg: $gray-900;

// Dropdowns
$dropdown-box-shadow: 0 0.5rem 1rem rgba($black, 0.175);
$dropdown-link-hover-color: darken($gray-900, 5%);
$dropdown-link-hover-bg: $gray-100;
$dropdown-link-active-color: $component-active-color;
$dropdown-link-active-bg: $component-active-bg;
$placeholder-color: $gray-600;