@use 'sass:color';

body {
  $accents: (
    'red' #dc322f,
    'orange' #cb4b16,
    'yellow' #b58900,
    'green' #859900,
    'cyan' #2aa198,
    'blue' #268bd2,
    'violet' #6c71c4,
    'magenta' #d33682,
  );

  --background-primary: #{color.adjust(#002b36, $lightness: -5%)};
  --background-secondary: #002b36;
  --background-tertiary: #000;
  --foreground: #fdf6e3;

  @each $name, $color in $accents {
    /* stylelint-disable custom-property-pattern */
    --#{$name}: #{$color};
    --light-#{$name}: #{color.adjust($color, $lightness: 10%)};
    --dark-#{$name}: #{color.adjust($color, $lightness: -10%)};
    /* stylelint-enable */
  }
}