@import "~@simonprodigi/design-tokens/dist/styles";

$white-color: $color-white !default;
$black-color: $color-black !default;
$white-shading-color: $color-grey-10 !default;
$white-darker: $color-grey-5;

$accent-a: $color-purple-50 !default;
$accent-b: $color-green-50 !default;
$accent-b--hover: $color-green-40 !default;
$warning-color: $color-red-60 !default;

$grey-super-light: $color-grey-5 !default;
$grey-light: $color-grey-10 !default;
$grey-middle: $color-grey-20 !default;
$grey-dark: $color-grey-70 !default;
$grey-super-dark: $color-grey-90 !default;

$grey-alt: rgba(0,0,0,0.6) !default;

$divider-color: $color-grey-20 !default;

$hover-color: $accent-a !default;
$spinner-color: $grey-dark !default;
$spinner-background: $grey-middle !default;
$book-first-and-last-page-color: $grey-super-dark !default;
$hover-lighten-percent: 5% !default;
$hover-lighten-percent--black: 10% !default;

$c-tooltip-color: $color-orange-30 !default;
$c-tooltip-color-text: $color-green-50 !default;

$warning-color-poor: $color-red-60 !default;
$warning-color-average: $color-orange-30 !default;
$warning-color-good: $color-green-50 !default;