// SCSS implementation of dark color theme
@use 'palette' as *;
@use 'colors-base' as *;

// Highlight levels
$H050-dark: palette($primary-color-dark, 50);
$H100-dark: palette($primary-color-dark, 100);
$H200-dark: palette($primary-color-dark, 200);
$H300-dark: palette($primary-color-dark, 300);
$H400-dark: palette($primary-color-dark, 400);
$H500-dark: $primary-color-dark;
$H600-dark: palette($primary-color-dark, 600);
$H700-dark: palette($primary-color-dark, 700);
$H800-dark: palette($primary-color-dark, 800);
$H900-dark: palette($primary-color-dark, 900);

// Gray levels
$B000-dark: #fff;
$B050-dark: #e9ebf0;
$B100-dark: #cbced4;
$B200-dark: #a4a9b3;
$B300-dark: #858b94;
$B400-dark: #6a6f76;
$B500-dark: #5c6066;
$B600-dark: #3c3f43;
$B700-dark: #292d33;
$B800-dark: #1a1d24;
$B900-dark: #0f131a;

// Secondary palette

// Red
$red-50-dark: palette($red-dark, 50);
$red-100-dark: palette($red-dark, 100);
$red-200-dark: palette($red-dark, 200);
$red-300-dark: palette($red-dark, 300);
$red-400-dark: palette($red-dark, 400);
$red-500-dark: $red-dark;
$red-600-dark: palette($red-dark, 600);
$red-700-dark: palette($red-dark, 700);
$red-800-dark: palette($red-dark, 800);
$red-900-dark: palette($red-dark, 900);

// Orange
$orange-50-dark: palette($orange-dark, 50);
$orange-100-dark: palette($orange-dark, 100);
$orange-200-dark: palette($orange-dark, 200);
$orange-300-dark: palette($orange-dark, 300);
$orange-400-dark: palette($orange-dark, 400);
$orange-500-dark: $orange-dark;
$orange-600-dark: palette($orange-dark, 600);
$orange-700-dark: palette($orange-dark, 700);
$orange-800-dark: palette($orange-dark, 800);
$orange-900-dark: palette($orange-dark, 900);

// Yellow
$yellow-50-dark: palette($yellow-dark, 50);
$yellow-100-dark: palette($yellow-dark, 100);
$yellow-200-dark: palette($yellow-dark, 200);
$yellow-300-dark: palette($yellow-dark, 300);
$yellow-400-dark: palette($yellow-dark, 400);
$yellow-500-dark: $yellow-dark;
$yellow-600-dark: palette($yellow-dark, 600);
$yellow-700-dark: palette($yellow-dark, 700);
$yellow-800-dark: palette($yellow-dark, 800);
$yellow-900-dark: palette($yellow-dark, 900);

// Green
$green-50-dark: palette($green-dark, 50);
$green-100-dark: palette($green-dark, 100);
$green-200-dark: palette($green-dark, 200);
$green-300-dark: palette($green-dark, 300);
$green-400-dark: palette($green-dark, 400);
$green-500-dark: $green-dark;
$green-600-dark: palette($green-dark, 600);
$green-700-dark: palette($green-dark, 700);
$green-800-dark: palette($green-dark, 800);
$green-900-dark: palette($green-dark, 900);

// Cyan
$cyan-50-dark: palette($cyan-dark, 50);
$cyan-100-dark: palette($cyan-dark, 100);
$cyan-200-dark: palette($cyan-dark, 200);
$cyan-300-dark: palette($cyan-dark, 300);
$cyan-400-dark: palette($cyan-dark, 400);
$cyan-500-dark: $cyan-dark;
$cyan-600-dark: palette($cyan-dark, 600);
$cyan-700-dark: palette($cyan-dark, 700);
$cyan-800-dark: palette($cyan-dark, 800);
$cyan-900-dark: palette($cyan-dark, 900);

// Blue
$blue-50-dark: palette($blue-dark, 50);
$blue-100-dark: palette($blue-dark, 100);
$blue-200-dark: palette($blue-dark, 200);
$blue-300-dark: palette($blue-dark, 300);
$blue-400-dark: palette($blue-dark, 400);
$blue-500-dark: $blue-dark;
$blue-600-dark: palette($blue-dark, 600);
$blue-700-dark: palette($blue-dark, 700);
$blue-800-dark: palette($blue-dark, 800);
$blue-900-dark: palette($blue-dark, 900);

// Violet
$violet-50-dark: palette($violet-dark, 50);
$violet-100-dark: palette($violet-dark, 100);
$violet-200-dark: palette($violet-dark, 200);
$violet-300-dark: palette($violet-dark, 300);
$violet-400-dark: palette($violet-dark, 400);
$violet-500-dark: $violet-dark;
$violet-600-dark: palette($violet-dark, 600);
$violet-700-dark: palette($violet-dark, 700);
$violet-800-dark: palette($violet-dark, 800);
$violet-900-dark: palette($violet-dark, 900);