@use 'sass:color';

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

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

// Solarized palette
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;

$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;

$blurple-500: $cyan;
$blurple-600: #1f8a7d;
$blurple-400: #4ec1be;

$success-green: $green;
$error-red: $red;
$warning-red: $orange;

$ui-base-color: $base03;
$ui-base-lighter-color: $base02;
$ui-primary-color: $base0;
$ui-secondary-color: $base1;
$ui-highlight-color: $cyan;

$ui-button-color: $base3;
$ui-button-background-color: $cyan;
$ui-button-focus-background-color: $blurple-600;
$ui-button-focus-outline-color: $blurple-400;

$ui-button-secondary-color: $cyan;
$ui-button-secondary-border-color: $cyan;
$ui-button-secondary-focus-color: $blurple-400;

$ui-button-tertiary-color: $blue;
$ui-button-tertiary-border-color: $blue;
$ui-button-tertiary-focus-background-color: $blurple-600;
$ui-button-tertiary-focus-color: $base3;

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

$primary-text-color: $base0;
$darker-text-color: $base01;
$dark-text-color: $base1;
$secondary-text-color: $base1;
$highlight-text-color: $cyan;
$action-button-color: $ui-base-lighter-color;
$passive-text-color: $yellow;
$active-passive-text-color: $green;

$inverted-text-color: $base03;
$lighter-text-color: $base02;
$light-text-color: $base0;