////////////////////////////////////
// THEME / VARIABLES / COLORS (TEXT)
////////////////////////////////////


@import '_variables.color-palette';


// Colors
$color-brand-alpha-light-mode: $scarlet;                // Alpha brand text color (scarlet) in light mode
$color-brand-alpha-dark-mode: $lightest-gray;           // Alpha brand text color (scarlet) in dark mode
$color-brand-alpha: var(--brand-alpha);

$color-brand-zeta-light-mode: $green;                   // Zeta brand text color (green) in light mode
$color-brand-zeta-dark-mode: $light-green;              // Zeta brand text color (green) in dark mode
$color-brand-zeta: var(--brand-zeta);

$color-brand-eta-light-mode: $blue;                     // Eta brand text color (blue) in light mode
$color-brand-eta-dark-mode: $light-blue;                // Eta brand text color (blue) in dark mode
$color-brand-eta: var(--brand-eta);

$color-brand-theta-light-mode: $purple;                 // Theta brand text color (purple) in light mode
$color-brand-theta-dark-mode: $light-purple;            // Theta brand text color (purple) in dark mode
$color-brand-theta: var(--brand-theta);

$color-brand-light-zeta-light-mode: $lighter-green;     // Light zeta brand text color (green) in light mode
$color-brand-light-zeta-dark-mode: $light-green;        // Light zeta brand text color (green) in dark mode
$color-brand-light-zeta: var(--brand-light-zeta);

$color-brand-light-eta-light-mode: $lighter-blue;       // Light eta brand text color (blue) in light mode
$color-brand-light-eta-dark-mode: $light-blue;          // Light eta brand text color (blue) in dark mode
$color-brand-light-eta: var(--brand-light-eta);

$color-brand-light-theta-light-mode: $lighter-purple;   // Light theta brand text color (purple) in light mode
$color-brand-light-theta-dark-mode: $light-purple;      // Light theta brand text color (purple) in dark mode
$color-brand-light-theta: var(--brand-light-theta);

$color-gray-dark-light-mode: $dark-gray;                // Dark text color in light mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-dark-dark-mode: $light-gray;                // Dark text color in dark mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-dark: var(--dark-gray);

$color-gray-darker-light-mode: $darker-gray;            // Darker text color in light mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-darker-dark-mode: $lighter-gray;            // Darker text color in dark mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-darker: var(--darker-gray);

$color-gray-darkest-light-mode: $darkest-gray;          // Darkest text color in light mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-darkest-dark-mode: $lightest-gray;          // Darkest text color in dark mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-gray-darkest: var(--darkest-gray);

$color-light-text-light-mode: $dark-gray;               // Light text color in light mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-light-text-dark-mode: $gray-s1;                  // Light text color in dark mode -- must meet WCAG AA (minimum contrast ratio of 4.5)
$color-light-text: var(--dark-gray);

$color-inverse-light-mode: $bg-color-body-light-mode;   // Inverse text color in light mode
$color-inverse-dark-mode: $bg-color-body-dark-mode;     // Inverse text color in dark mode
$color-inverse: var(--inverse);