$primary: #010101;

$font-family-base: "Archivo Variable", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
$headings-font-family: "Epilogue Variable", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
$display-font-family: "Epilogue Variable", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
$font-size-base: 0.85rem;

$border-radius: 4px;
$dropdown-border-radius: 4px;
$border-radius-lg: 6px;
$border-width: 1px;
$focus-ring-box-shadow: none;
$form-select-focus-box-shadow: none;

$input-btn-padding-y: .335rem;
$input-btn-padding-x: 0.75rem;
$btn-padding-x: 1.2rem;
$btn-border-radius-sm: 4px;
$btn-border-radius-lg: 4px;
$modal-header-border-width: 0;

.btn {

  &.btn-outline-primary {
    border-color: rgba($primary, 0.3);
  }

  &.dropdown-toggle {
    &::after {
      margin-bottom: -2px;
    }
  }
}

.modal {
  .modal-header {
    padding-top: 0.8rem;

    .modal-title {
      transform: translateY(2px);
    }
  }
}



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