@import "../../../../../../assets/dev/scss/helpers/variables";

// Dark Theme
// - Gray Semantics
$eps-dark-gray-900: $e-gray-900;
$eps-dark-gray-800: $e-gray-800;
$eps-dark-gray-750: $e-gray-750;
$eps-dark-gray-725: $e-gray-725;
$eps-dark-gray-700: $e-gray-700;
$eps-dark-gray-600: $e-gray-600;
$eps-dark-gray-500: $e-gray-500;
$eps-dark-gray-400: $e-gray-400;
$eps-dark-gray-300: $e-gray-300;
$eps-dark-gray-200: $e-gray-200;
$eps-dark-gray-100: $e-gray-100;
$eps-dark-gray-75:  $e-gray-75;
$eps-dark-gray-50:  $e-gray-50;
$eps-dark-gray-25:  $e-gray-25;
$black:         #000000;
$white:         #ffffff;

// Theme semantics
// - data context
$eps-dark-theme-text-muted: $eps-dark-gray-400;
$eps-dark-theme-disabled: $eps-dark-gray-500;
$eps-dark-theme-light: $color-white;
$eps-dark-theme-dark: $color-black;
$eps-dark-theme-accent: $color-neon-blue;
$eps-dark-theme-cta: $e-accent;
$eps-dark-theme-brand: $e-accent;
$eps-dark-theme-success: $color-green-spandex;
$eps-dark-theme-success-bg: $e-success-dark-bg;
$eps-dark-theme-info: $color-science-blue;
$eps-dark-theme-info-bg: $e-info-dark-bg;
$eps-dark-theme-warning: $color-yellow-hot-sun;
$eps-dark-theme-warning-bg: $e-warning-dark-bg;
$eps-dark-theme-danger: $color-red-tomato-frog;
$eps-dark-theme-danger-bg: $e-danger-dark-bg;

// - use context
$eps-dark-theme-body-color: $eps-dark-gray-200;
$eps-dark-theme-body-bg: $eps-dark-gray-800;
$eps-dark-theme-link-color: $color-science-blue;
$eps-dark-theme-link-hover-color: darken($eps-link-color, 15%);
$eps-dark-theme-hr-color: $eps-dark-gray-725;
$eps-dark-theme-display-1-color: $eps-dark-gray-200;
$eps-dark-theme-display-2-color: $eps-dark-gray-200;
$eps-dark-theme-display-3-color: $eps-dark-gray-200;
$eps-dark-theme-display-4-color: $eps-dark-gray-200;
$eps-dark-theme-h1-color: $eps-dark-gray-200;
$eps-dark-theme-h2-color: $eps-dark-gray-200;
$eps-dark-theme-h3-color: $eps-dark-gray-200;
$eps-dark-theme-h4-color: $eps-dark-gray-200;
$eps-dark-theme-h5-color: $eps-dark-gray-200;
$eps-dark-theme-h6-color: $eps-dark-gray-200;
$eps-dark-theme-text-base-color: $eps-dark-gray-200;
$eps-dark-theme-text-xl-color: $eps-dark-gray-200;
$eps-dark-theme-text-lg-color: $eps-dark-gray-200;
$eps-dark-theme-text-sm-color: $eps-dark-gray-200;
$eps-dark-theme-text-xs-color: $eps-dark-gray-200;
$eps-dark-theme-text-xxs-color: $eps-dark-gray-200;
