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

// =====
// Theme
// =====
$theme: ();
$theme-light-dark: ();

// ==========
// Background
// ==========
$bg-color--dark: #391e77;
$bg-color--light: color.invert($bg-color--dark);
$bg-color-inactive--dark: #705cb9;
$bg-color-inactive--light: color.invert($bg-color-inactive--dark);
$bg-color-active--dark: #ab87cc;
$bg-color-active--light: color.invert($bg-color-active--dark);
$theme-light-dark: map.merge(
  $theme-light-dark,
  (
    "bg-color": (
      $bg-color--light,
      $bg-color--dark,
    ),
    "bg-color-inactive": (
      $bg-color-inactive--light,
      $bg-color-inactive--dark,
    ),
    "bg-color-active": (
      $bg-color-active--light,
      $bg-color-active--dark,
    ),
  )
);