@use "sass:map";
@use "sass:color";

@use "../colors" as *;

/////////////////////////////////////////////

$body-color: $warm-white;
$body-bg: #141412;
$body-tertiary-bg: #1b1b19;

$font-family-base: "Barecast";
$font-family-monospace: "JetBrains Mono";

$border-color: #575146;
$border-radius: 0.1em;
$border: 0.12em solid var(--bs-border-color);

$input-border-radius: $border-radius;

$list-group-border-radius: $border-radius;

$btn-border-radius: $border-radius;
$btn-border-radius-sm: $border-radius;
$btn-border-radius-lg: $border-radius;

$tooltip-bg: color.adjust($body-bg, $lightness: -10%);
$tooltip-color: $white;

$toast-color: $body-color;
$toast-header-color: $body-color;
$toast-border-color: color.adjust($border-color, $lightness: -10%);
$toast-background-color: $tooltip-bg;
$toast-header-background-color: $tooltip-bg;

@import "bootstrap/scss/bootstrap";
@import "bootstrap-icons/font/bootstrap-icons";

:root,
[data-bs-theme="dark"] {
  --bs-border-color: #{$border-color};
  --bs-body-color: #{$warm-white};
  --bs-body-bg: #{$body-bg};
  --bs-tertiary-bg: #{$body-tertiary-bg};
  --bs-tooltip-bg: #{$tooltip-bg};
  --bs-tooltip-color: #{$tooltip-color};
}

.nav-text {
  color: color.adjust($white, $alpha: -0.5);
}