// (C) 2007-2020 GoodData Corporation
@import "../../core/styles/styles";

/* ==========================================================================
   Variables
   ========================================================================== */

$button-icon-width: 18px;
$button-small-icon-width: 16px;

// Gray colors

$button-action-color: $gd-color-highlight;
$button-action-color-hover: $gd-color-text;

$button-normal-bg: $gd-color-light;
$button-normal-color: #778491;
$button-normal-border-color: #ccd8e2;
$button-normal-hover-bg: #f5f8fa;
$button-normal-hover-border-color: transparentize(#1f3449, 0.8);
$button-normal-active-gradient-top: #dee6ef;
$button-normal-active-gradient-bottom: #ecf0f5;
$button-normal-active-border-color: #b1c1d1;
$button-normal-active-shadow: transparentize($button-normal-active-border-color, 0.35);
$button-normal-hover-box-shadow: transparentize($button-normal-active-border-color, 0.4);

$button-shadow-color: #14385d;
$button-shadow-lighter: transparentize($button-shadow-color, 0.91);
$button-shadow-darker: transparentize($button-shadow-color, 0.85);

// Branded colors calculation

$button-action-bg: $gd-color-highlight;
$button-action-disabled-bg: transparentize(lighten($button-action-bg, 12%), 0.4);
$button-action-hover-bg: darken($button-action-bg, 6%);
$button-action-focus-shadow: transparentize(lighten($button-action-bg, 6%), 0.4);
$button-action-active-gradient-top: darken($button-action-bg, 12%);
$button-action-active-gradient-bottom: $button-action-hover-bg;

$button-normal-focus-shadow: transparentize($button-action-disabled-bg, 0.7);

$button-positive-bg: $gd-color-positive;
$button-positive-disabled-bg: transparentize(lighten($button-positive-bg, 6%), 0.5);
$button-positive-hover-bg: darken($button-positive-bg, 6%);
$button-positive-focus-shadow: transparentize(lighten($button-positive-bg, 6%), 0.5);
$button-positive-active-gradient-top: darken($button-positive-bg, 12%);
$button-positive-active-gradient-bottom: $button-positive-hover-bg;

$button-negative-bg: $gd-color-negative;
$button-negative-disabled-bg: transparentize(lighten($button-negative-bg, 20%), 0.4);
$button-negative-hover-bg: darken($button-negative-bg, 10%);
$button-negative-focus-shadow: transparentize(lighten($button-negative-bg, 10%), 0.4);
$button-negative-active-gradient-top: darken($button-negative-bg, 20%);
$button-negative-active-gradient-bottom: $button-negative-hover-bg;