@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";

$primary: #aa006b;
$secondary: #00acd8;
$info: #f4b223;
$light: #e6e7e9;
$dark: #61666c;
$theme-colors: (
  primary: $primary,
  secondary: $secondary,
  info: $info,
  light: $light,
  dark: $dark
);
$border-radius: 1.5rem;
$border-radius-lg: 2.5rem;
$border-radius-sm: 0.5rem;

.custom-modal {
  max-width: 90% !important;
  & > .modal-content {
    background-color: $primary !important;
    color: white;
    border: none !important;
    border-radius: $border-radius !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
}

@import "node_modules/bootstrap/scss/bootstrap";