/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.0.3
----------------------------------------
COLOR SETTINGS
----------------------------------------
Read more about settings and
USWDS color tokens in the documentation:
https://v2.designsystem.digital.gov/style-tokens/color
----------------------------------------
*/

/*
----------------------------------------
Theme palette colors
----------------------------------------
*/

// Base colors
$theme-color-base-family:           'gray-cool' !default;
$theme-color-base-lightest:         'gray-5' !default;
$theme-color-base-lighter:          'gray-cool-10' !default;
$theme-color-base-light:            'gray-cool-30' !default;
$theme-color-base:                  'gray-cool-50' !default;
$theme-color-base-dark:             'gray-cool-60' !default;
$theme-color-base-darker:           'gray-cool-70' !default;
$theme-color-base-darkest:          'gray-90' !default;
$theme-color-base-ink:              'gray-90' !default;

// Primary colors
$theme-color-primary-family:        'blue' !default;
$theme-color-primary-lightest:      false !default;
$theme-color-primary-lighter:       'blue-10' !default;
$theme-color-primary-light:         'blue-30' !default;
$theme-color-primary:               'blue-60v' !default;
$theme-color-primary-vivid:         'blue-warm-60v' !default;
$theme-color-primary-dark:          'blue-warm-70v' !default;
$theme-color-primary-darker:        'blue-warm-80v' !default;
$theme-color-primary-darkest:       false !default;

// Secondary colors
$theme-color-secondary-family:      'red' !default;
$theme-color-secondary-lightest:    false !default;
$theme-color-secondary-lighter:     'red-cool-10' !default;
$theme-color-secondary-light:       'red-30' !default;
$theme-color-secondary:             'red-50' !default;
$theme-color-secondary-vivid:       'red-cool-50v' !default;
$theme-color-secondary-dark:        'red-60v' !default;
$theme-color-secondary-darker:      'red-70v' !default;
$theme-color-secondary-darkest:     false !default;

// Accent warm colors
$theme-color-accent-warm-family:    'orange' !default;
$theme-color-accent-warm-lightest:  false !default;
$theme-color-accent-warm-lighter:   'orange-10' !default;
$theme-color-accent-warm-light:     'orange-20v' !default;
$theme-color-accent-warm:           'orange-30v' !default;
$theme-color-accent-warm-dark:      'orange-50v' !default;
$theme-color-accent-warm-darker:    'orange-60' !default;
$theme-color-accent-warm-darkest:   false !default;

// Accent cool colors
$theme-color-accent-cool-family:    'blue-cool' !default;
$theme-color-accent-cool-lightest:  false !default;
$theme-color-accent-cool-lighter:   'blue-cool-5v' !default;
$theme-color-accent-cool-light:     'blue-cool-20v' !default;
$theme-color-accent-cool:           'cyan-30v' !default;
$theme-color-accent-cool-dark:      'blue-cool-40v' !default;
$theme-color-accent-cool-darker:    'blue-cool-60v' !default;
$theme-color-accent-cool-darkest:   false !default;

/*
----------------------------------------
State palette colors
----------------------------------------
*/

// Error colors
$theme-color-error-family:     'red-warm' !default;
$theme-color-error-lighter:    'red-warm-10' !default;
$theme-color-error-light:      'red-warm-30v' !default;
$theme-color-error:            'red-warm-50v' !default;
$theme-color-error-dark:       'red-60v' !default;
$theme-color-error-darker:     'red-70' !default;

// Warning colors
$theme-color-warning-family:   'gold' !default;
$theme-color-warning-lighter:  'yellow-5' !default;
$theme-color-warning-light:    'yellow-10v' !default;
$theme-color-warning:          'gold-20v' !default;
$theme-color-warning-dark:     'gold-30v' !default;
$theme-color-warning-darker:   'gold-50v' !default;

// Success colors
$theme-color-success-family:   'green-cool' !default;
$theme-color-success-lighter:  'green-cool-5' !default;
$theme-color-success-light:    'green-cool-20v' !default;
$theme-color-success:          'green-cool-40v' !default;
$theme-color-success-dark:     'green-cool-50' !default;
$theme-color-success-darker:   'green-cool-60' !default;

// Info colors
$theme-color-info-family:      'cyan' !default;
$theme-color-info-lighter:     'cyan-5' !default;
$theme-color-info-light:       'cyan-20' !default;
$theme-color-info:             'cyan-30v' !default;
$theme-color-info-dark:        'cyan-40v' !default;
$theme-color-info-darker:      'blue-cool-60' !default;

// Disabled colors
$theme-color-disabled-family:  'gray' !default;
$theme-color-disabled-light:   'gray-10' !default;
$theme-color-disabled:         'gray-20' !default;
$theme-color-disabled-dark:    'gray-30' !default;

/*
----------------------------------------
General colors
----------------------------------------
*/

// Links
$theme-link-color:                    'primary' !default;
$theme-link-visited-color:            'violet-70v' !default;
$theme-link-hover-color:              'primary-dark' !default;
$theme-link-active-color:             'primary-darker' !default;