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

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

//Custom Variables
$custom-gray-5:#F2F4F6;
$custom-gray-10:#E6E8EC;
$custom-gray-20:#C5C8CF;
$custom-gray-30:#AAAFB8;
$custom-gray-40:#898F9A;
$custom-gray-50:#6E7582;
$custom-gray-60:#59606D;
$custom-gray-70:#434954;
$custom-gray-80:#323740;
$custom-gray-90:#1A1C21;

$custom-blue-5:#EAEFF9;
$custom-blue-10:#DDE6F9;
$custom-blue-20:#B3C4E9;
$custom-blue-30:#98ACD6;
$custom-blue-40:#7A8EB9;
$custom-blue-50:#64769E;
$custom-blue-60:#506185;
$custom-blue-70:#3B4968;
$custom-blue-80:#273149;
$custom-blue-90:#151E31;
$custom-blue-70v:#27437a;

$summer-sky-5:#EBF5FB;
$summer-sky-10:#CDECFC; 
$summer-sky-20:#A3D7EF;
$summer-sky-30:#48B4E6;
$summer-sky-40:#2998CC;
$summer-sky-50:#1B7DAB;
$summer-sky-60:#0F668F;
$summer-sky-70:#0B4A67;
$summer-sky-80:#09374D;
$summer-sky-90:#031D29;

$teal-5:#D4FBFB;
$teal-10:#A7F5F5;
$teal-20:#39D8D7;
$teal-30:#1EBAB9;
$teal-40:#009B9A;
$teal-50:#018282;
$teal-60:#036D6C;
$teal-70:#014948;
$teal-80:#013635;
$teal-90:#012322; 

$red-violet-5:#FBEEF8;
$red-violet-10:#FEDCF7;
$red-violet-20:#FCB2EE;
$red-violet-30:#F17BDB;
$red-violet-40:#DF5FC7;
$red-violet-50:#BE43A7;
$red-violet-60:#A1308B;
$red-violet-70:#7E1D6C;
$red-violet-80:#5D104F;
$red-violet-90:#36072D; 


// Base colors
$theme-color-base-family: false;
$theme-color-base-lightest: $custom-gray-5;
$theme-color-base-lighter: $custom-gray-10;
$theme-color-base-light: $custom-gray-20;
$theme-color-base: $custom-gray-40;
$theme-color-base-dark: $custom-gray-50;
$theme-color-base-darker: $custom-gray-60;
$theme-color-base-darkest: $custom-gray-70;
$theme-color-base-ink: $custom-gray-90;

//Primary Colors
$theme-color-primary-family: false;
$theme-color-primary-lightest: false;
$theme-color-primary-lighter: $custom-blue-10;
$theme-color-primary-light: $custom-blue-30;
$theme-color-primary: $custom-blue-70;
$theme-color-primary-vivid: $custom-blue-70v;
$theme-color-primary-dark: $custom-blue-80;
$theme-color-primary-darker: $custom-blue-90;
$theme-color-primary-darkest: false;

// Secondary colors 
$theme-color-secondary-family: false;
$theme-color-secondary-lightest: false;
$theme-color-secondary-lighter: $summer-sky-10;
$theme-color-secondary-light: $summer-sky-20;
$theme-color-secondary: $summer-sky-40;
$theme-color-secondary-vivid: false;
$theme-color-secondary-dark: $summer-sky-50;
$theme-color-secondary-darker: $summer-sky-70;
$theme-color-secondary-darkest: false;

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

// Accent cool colors
$theme-color-accent-cool-family: false;
$theme-color-accent-cool-lightest: false;
$theme-color-accent-cool-lighter: $teal-10;
$theme-color-accent-cool-light: $teal-20;
$theme-color-accent-cool: $teal-40;
$theme-color-accent-cool-dark: $teal-60;
$theme-color-accent-cool-darker: $teal-70;
$theme-color-accent-cool-darkest: false;

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

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

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

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

// Info colors
$theme-color-info-family: false;
$theme-color-info-lighter: $summer-sky-10;
$theme-color-info-light: $summer-sky-20;
$theme-color-info: $summer-sky-40;
$theme-color-info-dark: $summer-sky-50;
$theme-color-info-darker: $summer-sky-70;

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

// Emergency colors
$theme-color-emergency: "red-warm-60v";
$theme-color-emergency-dark: "red-warm-80";

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

// Links
$theme-link-color: "primary";
$theme-link-visited-color: "violet-70v";
$theme-link-hover-color: "ink";
$theme-link-active-color: "ink";
$theme-link-reverse-color: "base-lighter";
$theme-link-reverse-hover-color: "base-lightest";
$theme-link-reverse-active-color: "white";