@use 'sass:color';

/* Website redesign */
$vivid-tangerine: #f1a695;
$ceil: #9597c9;
$caramel: #f9d38f;
$dark-jungle-green: #0f271a;
$sapphire-blue: #4354a3;
$sapphire-blue-dark: #3c4c93;
$purple-bright: #939aff;
$green-bright: #13c965;
$green-bright-tint-50: color.mix($green-bright, #fff, 50%);

:root {
  --vivid-tangerine: #{$vivid-tangerine};
  --ceil: #{$ceil};
  --caramel: #{$caramel};
  --dark-jungle-green: #{$dark-jungle-green};
  --sapphire-blue: #{$sapphire-blue};
  --sapphire-blue-dark: #{$sapphire-blue-dark};
  --green-bright: #{$green-bright};
  --green-bright-tint-50: #{$green-bright-tint-50};
  --purple-bright: #{$purple-bright};
}
