@import "themes/base/dark";

$background-color: #131513;
$primary-color: #235c36;
$secondary-color: #3f7a64;
$success-color: #1c7843;

:root {
  /* Main colors */
  --background-color: $background-color;

  /* Link colors */
  --link-color: hsl(from $primary-color h calc(s - 10) calc(l + 40));

  /* Primary color (block backgrounds and such) */
  --primary-color: $primary-color;
  --primary-border-color: hsl(from $primary-color h calc(s - 20) calc(l + 5));
  --primary-muted-color: hsl(from $primary-color h calc(s - 10) calc(l - 10));
  --primary-dark-color: hsl(from $primary-color h calc(s - 15) calc(l - 15));
  --primary-link-color: var(--link-color); /* for consistency */

  /* Secondary color (most buttons) */
  --secondary-color: $secondary-color;
  --secondary-border-color: hsl(from $secondary-color h s calc(l + 5));
  --secondary-muted-color: hsl(from $secondary-color h s calc(l - 17));
  --secondary-dark-color: hsl(from $secondary-color h calc(s - 5) calc(l - 23));
  --secondary-link-color: hsl(from $secondary-color h s calc(l + 40));

  /* Type (information category) colors */
  @mixin type-color success, $success-color;
}