@import './cofee-theme.variables';
@import './default-theme.variables';

$theme-name: var(--theme-name);
$background-color: var(--color-gray-fff);
$color: #222;

@mixin debug-theme {
  @if $theme-name == 'cofee' {
    @include cofee-theme;

    .app-body {
      transform: var(--theme-name);
      color: var(--default-color-red);
    }
  }
}

$themes: (
  'default': (
    $background-color: var(--default-color-red),
    $color: var(--default-color-red),
  ),
  'cofee': (
    $background-color: #222,
    $color: #222,
  ),
);

@function get() {
  @return map-get($themes, $theme-name);
}