@use '../base' as *;

// --------------------------------

// (START) Global editor code https://codyhouse.co/ds/globals/colors

// --------------------------------

:root, [data-theme="default"] {
  // main
  @include defineColorHSL(--color-primary-darker, 250, 84%, 38%);
  @include defineColorHSL(--color-primary-dark, 250, 84%, 46%);
  @include defineColorHSL(--color-primary, 250, 84%, 54%);
  @include defineColorHSL(--color-primary-light, 250, 84%, 60%);
  @include defineColorHSL(--color-primary-lighter, 250, 84%, 67%);

  @include defineColorHSL(--color-accent-darker, 342, 89%, 38%);
  @include defineColorHSL(--color-accent-dark, 342, 89%, 43%);
  @include defineColorHSL(--color-accent, 342, 89%, 48%);
  @include defineColorHSL(--color-accent-light, 342, 89%, 56%);
  @include defineColorHSL(--color-accent-lighter, 342, 89%, 62%);

  @include defineColorHSL(--color-black, 231, 15%, 9%);
  @include defineColorHSL(--color-white, 0, 0%, 100%);

  // feedback
  @include defineColorHSL(--color-warning-darker, 35, 79%, 48%);
  @include defineColorHSL(--color-warning-dark, 35, 79%, 56%);
  @include defineColorHSL(--color-warning, 35, 79%, 66%);
  @include defineColorHSL(--color-warning-light, 35, 79%, 74%);
  @include defineColorHSL(--color-warning-lighter, 35, 79%, 82%);

  @include defineColorHSL(--color-success-darker, 170, 78%, 26%);
  @include defineColorHSL(--color-success-dark, 170, 78%, 31%);
  @include defineColorHSL(--color-success, 170, 78%, 36%);
  @include defineColorHSL(--color-success-light, 170, 78%, 42%);
  @include defineColorHSL(--color-success-lighter, 170, 78%, 47%);

  @include defineColorHSL(--color-error-darker, 342, 89%, 38%);
  @include defineColorHSL(--color-error-dark, 342, 89%, 43%);
  @include defineColorHSL(--color-error, 342, 89%, 48%);
  @include defineColorHSL(--color-error-light, 342, 89%, 56%);
  @include defineColorHSL(--color-error-lighter, 342, 89%, 62%);

  // background
  @include defineColorHSL(--color-bg-darker, 240, 4%, 90%);
  @include defineColorHSL(--color-bg-dark, 240, 4%, 95%);
  @include defineColorHSL(--color-bg, 0, 0%, 100%);
  @include defineColorHSL(--color-bg-light, 0, 0%, 100%);
  @include defineColorHSL(--color-bg-lighter, 0, 0%, 100%);

  // color contrasts
  @include defineColorHSL(--color-contrast-lower, 240, 4%, 85%);
  @include defineColorHSL(--color-contrast-low, 240, 4%, 65%);
  @include defineColorHSL(--color-contrast-medium, 225, 4%, 47%);
  @include defineColorHSL(--color-contrast-high, 230, 7%, 23%);
  @include defineColorHSL(--color-contrast-higher, 230, 13%, 9%);
}

[data-theme="dark"] {
  // main
  @include defineColorHSL(--color-primary-darker, 250, 100%, 60%);
  @include defineColorHSL(--color-primary-dark, 250, 100%, 64%);
  @include defineColorHSL(--color-primary, 250, 100%, 69%);
  @include defineColorHSL(--color-primary-light, 250, 100%, 72%);
  @include defineColorHSL(--color-primary-lighter, 250, 100%, 76%);

  @include defineColorHSL(--color-accent-darker, 342, 92%, 41%);
  @include defineColorHSL(--color-accent-dark, 342, 92%, 47%);
  @include defineColorHSL(--color-accent, 342, 92%, 54%);
  @include defineColorHSL(--color-accent-light, 342, 92%, 60%);
  @include defineColorHSL(--color-accent-lighter, 342, 92%, 65%);

  @include defineColorHSL(--color-black, 230, 13%, 9%);
  @include defineColorHSL(--color-white, 0, 0%, 100%);

  // feedback
  @include defineColorHSL(--color-warning-darker, 35, 79%, 48%);
  @include defineColorHSL(--color-warning-dark, 35, 79%, 56%);
  @include defineColorHSL(--color-warning, 35, 79%, 66%);
  @include defineColorHSL(--color-warning-light, 35, 79%, 74%);
  @include defineColorHSL(--color-warning-lighter, 35, 79%, 82%);

  @include defineColorHSL(--color-success-darker, 170, 78%, 26%);
  @include defineColorHSL(--color-success-dark, 170, 78%, 31%);
  @include defineColorHSL(--color-success, 170, 78%, 36%);
  @include defineColorHSL(--color-success-light, 170, 78%, 42%);
  @include defineColorHSL(--color-success-lighter, 170, 78%, 47%);

  @include defineColorHSL(--color-error-darker, 342, 92%, 41%);
  @include defineColorHSL(--color-error-dark, 342, 92%, 47%);
  @include defineColorHSL(--color-error, 342, 92%, 54%);
  @include defineColorHSL(--color-error-light, 342, 92%, 60%);
  @include defineColorHSL(--color-error-lighter, 342, 92%, 65%);

  // background
  @include defineColorHSL(--color-bg-darker, 232, 7%, 8%);
  @include defineColorHSL(--color-bg-dark, 233, 8%, 11%);
  @include defineColorHSL(--color-bg, 232, 11%, 15%);
  @include defineColorHSL(--color-bg-light, 233, 8%, 19%);
  @include defineColorHSL(--color-bg-lighter, 232, 7%, 22%);

  // color contrasts
  @include defineColorHSL(--color-contrast-lower, 240, 6%, 26%);
  @include defineColorHSL(--color-contrast-low, 240, 3%, 41%);
  @include defineColorHSL(--color-contrast-medium, 231, 3%, 57%);
  @include defineColorHSL(--color-contrast-high, 240, 5%, 82%);
  @include defineColorHSL(--color-contrast-higher, 240, 100%, 99%);
}

// --------------------------------

// (END) Global editor code

// --------------------------------