@import './variables.scss';
@import './bootstrap.scss';

$color-income: #398241;
$color-outcome: #C33737;

:root {
  --color-income: #{$color-income};
  --color-outcome: #{$color-outcome};
  --color-primary: #{$primary};
  --body-bg: #{$body-bg};
}

[data-theme="dark"] {
  --color-primary: #{$dark-primary};
  --body-bg: #{$dark-body-bg};
  --bs-backdrop-bg: #{$dark-body-bg};
  --color-primary-hover: #{darken($dark-primary, 10%)};

  .modal-backdrop {
    --bs-backdrop-opacity: 0.5;
    --bs-backdrop-bg: #{$dark-body-bg};
  }
}
