@use 'sass:color';

@use '../mastodon/functions' with (
  $darken-multiplier: 1,
  $lighten-multiplier: -1
);

$white: #fff; // White
$blurple-500: #6364ff; // Brand purple
$grey-600: hsl(240deg, 8%, 33%); // Trout

@use '../mastodon/variables' with (
  $ui-base-color: hsl(255deg, 25%, 88%),
  $ui-base-lighter-color: hsl(250deg, 24%, 75%),
  $ui-secondary-color: hsl(240deg, 16%, 19%),
  $ui-button-secondary-color: $grey-600,
  $ui-button-secondary-border-color: $grey-600,
  $ui-button-secondary-focus-color: $white,
  $ui-button-tertiary-color: $blurple-500,
  $ui-button-tertiary-border-color: $blurple-500,

  $action-button-color: hsl(240deg, 16%, 45%),
  $emojis-requiring-inversion: 'chains'
);