@use 'sass:color';

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

$black: #000;
$white: #fff;

// AMOLED pure black palette
$near-black: #0a0a0a;
$dark-gray: #1a1a1a;
$medium-gray: #404040;
$light-gray: #808080;

$blurple-500: $white;
$blurple-600: #d0d0d0;
$blurple-400: #f0f0f0;

$success-green: #4ade80;
$error-red: #f87171;
$warning-red: #fb923c;

$ui-base-color: $black;
$ui-base-lighter-color: $near-black;
$ui-primary-color: #e5e5e5;
$ui-secondary-color: #a0a0a0;
$ui-highlight-color: $white;

$ui-button-color: $black;
$ui-button-background-color: $white;
$ui-button-focus-background-color: #d0d0d0;
$ui-button-focus-outline-color: #e0e0e0;

$ui-button-secondary-color: $white;
$ui-button-secondary-border-color: $light-gray;
$ui-button-secondary-focus-color: #f0f0f0;

$ui-button-tertiary-color: $light-gray;
$ui-button-tertiary-border-color: $medium-gray;
$ui-button-tertiary-focus-background-color: $dark-gray;
$ui-button-tertiary-focus-color: $white;

$ui-button-destructive-background-color: $error-red;
$ui-button-destructive-focus-background-color: #dc2626;

$primary-text-color: $white;
$darker-text-color: $medium-gray;
$dark-text-color: #b0b0b0;
$secondary-text-color: #808080;
$highlight-text-color: #f0f0f0;
$action-button-color: $near-black;
$passive-text-color: #fbbf24;
$active-passive-text-color: $success-green;

$inverted-text-color: $white;
$lighter-text-color: $near-black;
$light-text-color: $primary-text-color;