@forward '../../../pastanaga-angular/projects/pastanaga-angular/src/styles/theme/palette.tokens';
// =================================================
// PALETTE
// =================================================
:root {
  --color-dark-stronger: #000;
  --color-light-stronger: #fff;

  --color-neutral-regular: var(--custom-color-neutral-regular, hsl(0, 0%, 44%));
  --color-neutral-light: var(--custom-color-neutral-light, hsl(0, 0%, 77%));
  --color-neutral-lighter: var(--custom-color-neutral-lighter, hsl(0, 0%, 90%));
  --color-neutral-lightest: var(--custom-color-neutral-lightest, hsl(240, 7%, 97%));

  --color-primary-stronger: var(--custom-color-primary-stronger, hsl(252, 100%, 24%));
  --color-primary-strong: var(--custom-color-primary-strong, hsl(223.74, 100%, 39.8%)); // = #0037CB
  --color-primary-regular: var(--custom-color-primary-regular, hsl(223.2, 100%, 50.98%)); // = #054BFF
  --color-primary-light: var(--custom-color-primary-light, hsl(252, 100%, 73%));
  --color-primary-lighter: var(--custom-color-primary-lighter, hsl(212.57, 100%, 93.14%)); // = #dcecff
  --color-primary-lightest: var(--custom-color-primary-lightest, hsl(215.29, 100%, 96.67%)); // = #eef5ff

  --color-secondary-stronger: hsl(49, 100%, 30%);
  --color-secondary-strong: hsl(49, 100%, 40%);
  --color-secondary-regular: hsl(49, 100%, 60%);
  --color-secondary-light: hsl(49, 100%, 80%);
  --color-secondary-lighter: hsl(49, 100%, 90%);
  --color-secondary-lightest: hsl(49, 100%, 95%);

  --color-tertiary-stronger: hsl(2251, 100%, 24%);
  --color-tertiary-strong: hsl(2251, 100%, 40%);
  --color-tertiary-regular: hsl(2251, 100%, 50%);
  --color-tertiary-light: hsl(2251, 100%, 65%);
  --color-tertiary-lighter: hsl(2251, 100%, 92%);
  --color-tertiary-lightest: hsl(2251, 100%, 96%);

  --color-remi-asnwer-relevance: hsl(16, 100%, 59%);
  --color-remi-context-relevance: hsl(217, 100%, 60%);
  --color-remi-groundedness: hsl(154, 100%, 37%);

  --color-success-strong: var(--color-tertiary-strong, hsl(2251, 100%, 40%));
  --color-success-regular: var(--color-tertiary-strong, hsl(2251, 100%, 40%));
  --color-success-lightest: var(--color-tertiary-lightest, hsl(2251, 100%, 96%));

  --color-danger-strong: var(--custom-secondary-strong, hsl(16, 100%, 59%));
  --color-danger-regular: var(--custom-secondary-regular, hsl(7, 90%, 59%));
  --color-danger-lightest: var(--custom-secondary-lightest, hsl(7, 90%, 95%));
}

// Success
$color-success-stronger: var(--color-primary-stronger);
$color-success-strong: var(--color-primary-strong);
$color-success-regular: var(--color-primary-regular);
$color-success-light: var(--color-primary-light);
$color-success-lighter: var(--color-primary-lighter);
$color-success-lightest: var(--color-primary-lightest);
