// scss-lint:disable ColorKeyword, ColorVariable, SpaceAfterComma

// Colors
//
// Use the `color()` function to add colors to CSS properties.
//
// Markup: chroma-kss-markup.hbs
//
// Weight: -1
//
// Style guide: sass.colors

// Define descriptive names of color values.
$chroma: define-default-color-scheme('Descriptive color names for use in "functional" color names below.');
$chroma: add-colors((
  white:                  #fff,
  grey-extra-light:       #eee,
  grey-light:             #ddd,
  grey-medium-light:      #ccc,
  grey-medium:            #999,
  grey-dark:              #666,
  grey-extra-dark:        #333,
  black:                  #000,

  blue:                   #0072b9,

  purple:                 #639,

  pink-pale:              #fef5f1,
  red:                    #c00,
  red-orange:             #ed541d,
  rust:                   #8c2e0b,

  yellow-pale:            #ffd,
  yellow:                 #ff0,
  yellow-dark:            #ed5,

  green-pale:             #f8fff0,
  green-light:            #be7,
  green-dark:             #234600,
));

// Define color names for functional uses.
$chroma: define-color-scheme('functional', 'Colors used by functional parts of the design.');
$chroma: add-colors('functional', (
  // Colors used in the main content area.
  text:                   'black',
  text-bg:                'white',

  link:                   'blue',
  link-visited:           'purple',
  link-active:            'red',

  border:                 'grey-medium-light',

  autocomplete:           'text',
  autocomplete-bg:        'text-bg',
  autocomplete-select:    'white',
  autocomplete-select-bg: 'blue',

  body-bg:                'text-bg',

  button:                 'text',
  button-disabled:        'grey-medium',

  fieldset-summary:       'grey-medium',
  form-error:             'red',

  mark-highlight:         'red',
  mark-bg:                'yellow',

  menu-active:            'text',

  preview-bg:             'yellow-pale',

  progress-bar:           'blue',
  progress-bar-bg:        'grey-medium-light',
  progress-bar-border:    'grey-dark',

  resizable-grippie:      'grey-extra-light',

  row-stripe:             'grey-extra-light',
  row-disabled:           'grey-medium-light',

  skip-link:              'white',
  skip-link-bg:           'grey-dark',

  status:                 'green-dark',
  status-bg:              'green-pale',
  status-border:          'green-light',
  status-highlight:       'text',
  warning:                'rust',
  warning-bg:             'yellow-pale',
  warning-border:         'yellow-dark',
  error:                  'rust',
  error-bg:               'pink-pale',
  error-border:           'red-orange',

  tabs-border:            'border',
  tabs-bg:                'text-bg',
  tab:                    'grey-extra-dark',
  tab-text-shadow:        'white',
  tab-bg:                 'grey-light',
  tab-secondary:          'grey-dark',

  table-drag:             'yellow-pale',
  table-select:           'yellow-pale',

  watermark:              'grey-extra-light',
));

$chroma-active-scheme: 'functional';
