$foreground-opacity: 0.87 !default;
$secondary-foreground-color-opacity: 0.64 !default;
$disabled-foreground-color-opacity: 0.38 !default;

// theme shortcuts
$default-background: #2d3436 !default;
$foreground-color: #F5F5F5 !default;

$chrome-background: darken(#636e72, 30) !default;
$active: #00B0FF !default;
$border-color: #424242 !default;
$icon-color: #ecf0f1 !default;
$alt-background: darken(#2d3436, 3) !default;
$odd-row-background-color: $alt-background !default;

// Derived from above
$foreground-color: rgba($foreground-color, $foreground-opacity) !default; // foreground
$secondary-foreground-color: rgba($foreground-color, $secondary-foreground-color-opacity) !default; // foreground-secondary
$disabled-foreground-color: rgba($foreground-color, $disabled-foreground-color-opacity) !default; // foreground-disabled
$input-border-color: #ecf0f1 !default;
$input-disabled-background-color: rgba(48, 46, 46, 0.3) !default;

$primary-color: $active !default;
$accent-color: $active !default;
$range-selection-background-color: transparentize($active, 0.8) !default;
$range-selection-highlight-color: $active !default;
$selected-color: darken($active, 25) !default;

$background-color: $default-background !default;

$editor-background-color: $chrome-background !default;
$panel-background-color: $chrome-background !default;
$tool-panel-background-color: $chrome-background !default;
$header-background-color: $chrome-background !default;
$header-foreground-color: $secondary-foreground-color !default;

$hover-color: lighten($alt-background, 10) !default;
$chip-background-color: lighten($alt-background, 5) !default;

// delta changes
$cell-data-changed-color: #fce4ec !default;
$value-change-delta-up-color: #43a047 !default;
$value-change-delta-down-color: #e53935 !default;
$value-change-value-highlight-background-color: transparentize(#16A085, 0.5) !default;

$tooltip-background-color: $header-background-color !default;
$tooltip-border-color: lighten($header-background-color, 10%) !default;

$range-selection-chart-background-color: rgba(45, 166, 255, 0.5) !default;
$range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5) !default;

$group-component-background-color: $background-color !default;
$group-component-title-background-color: $header-background-color !default;

@import '../../ag-theme-balham/vars/ag-theme-balham-vars';