/*
 * Copyright 2015-2016 Imply Data, Inc.
 * Copyright 2017-2019 Allegro.pl
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Base Colors

$white: #fff;
$red: #f00;
$black: #000;
$gray: #ccc;

// Theme Colors

$brand: hsl(21, 100%, 50%);
$background-base: #e1e1e1;
$error: hsla(0, 72%, 59%, 1.00);
$hover: lighten($brand, 40%);
$text-standard: hsl(0, 0%, 13%);
$item-dimension: hsl(21, 100%, 80%);
$item-measure: hsl(205, 60%, 77%);

$theme-colors: (
  background-base: $background-base,
  background-brand-light: hsl(21, 100%, 70%),
  background-brand-text: #fff,
  background-brand: $brand,
  background-dark: hsl(0, 0%, 55%),
  background-light: hsl(0, 0%, 93%),
  background-lighter: hsl(0, 0%, 95%),
  background-lightest: hsl(0, 0%, 96%),
  background-medium: hsl(0, 0%, 87%),
  border-darker: hsl(0, 0%, 40%),
  border-extra-light: hsl(0, 0%, 87%),
  border-light: hsl(0, 0%, 82%),
  border-medium: hsl(0, 0%, 73%),
  border-super-light: #e6e6e6,
  brand-hover: rgba($brand, 0.12),
  brand-selected: rgba($brand, 0.14),
  brand: $brand,
  button-primary-active: darken($brand, 10%),
  button-primary-hover: darken($brand, 5%),
  button-secondary-active: rgba($brand, 0.38),
  button-secondary-hover: rgba($brand, 0.3),
  button-secondary: rgba($brand, 0.22),
  button-warn-active: darken($error, 10%),
  button-warn-hover: darken($error, 5%),
  button-warn: $error,
  danger: #e24c4c,
  dark: #004584,
  date-range-picker-selected: rgba($brand, 0.26),
  drop-area-indicator: hsla(0, 0%, 40%, 0.14),
  error: $error,
  grid-line-color: hsl(0, 0%, 92%),
  highlight-border: darken($hover, 15%),
  highlight: darken($hover, 10%),
  hover: $hover,
  icon-hover: #888,
  icon-light: #bbb,
  item-dimension-hover: darken($item-dimension, 6%),
  item-dimension-text: $text-standard,
  item-dimension: $item-dimension,
  item-measure-hover: darken($item-measure, 6%),
  item-measure-text: $text-standard,
  item-measure: $item-measure,
  negative: #e14040,
  pinboard-icon: darken($background-base, 5%),
  positive: #08b157,
  text-default-color: #444,
  text-light: #999,
  text-lighter: hsl(0, 0%, 73%),
  text-lighterish: #a6a6a6,
  text-lightest: hsl(0, 0%, 85%),
  text-link: $brand,
  text-medium: hsl(0, 0%, 40%),
  text-standard: $text-standard,
);

// Fonts -------------------


$bold: 600;

// other

$input-height:            30px;
$input-height-mini:       28px;
$form-spacing-compact:    14px;


// Transitions ----------------

$duration: .2s;
$corner: 2px;
