//
// BS Variables
//
/* $enable-responsive-font-sizes:              true; */

// Colors
$blue:                                      $o-blue;
$purple:                                    $o-violet;
$cyan:                                      $o-cyan;
$red:                                       $o-red;
$orange:                                    $o-orange;
$green:                                     $o-green;
$teal:                                      $o-teal;

$primary:                                   $o-teal;
$secondary:                                 $o-violet;
$light:                                     $o-light;
$dark:                                      $o-dark;
$success:                                   $green;
$info:                                      $blue;
$warning:                                   $orange;
$danger:                                    $red;

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "tip":        $primary,
  "light":      $light,
  "dark":       $dark,
);

// Fonts
// Font, line-height, and color for body text, headings, and more.
$font-family-base:                          "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !default;
$h1-font-size:                              1.875rem;
$h2-font-size:                              1.5rem;
$h3-font-size:                              1.125rem;
$h4-font-size:                              1rem;
$h5-font-size:                              1rem;
$h6-font-size:                              $font-size-secondary;

// Buttons
// For each of Bootstrap's buttons, define text, background, and border color.

$btn-font-size:                             $font-size-secondary;
$btn-font-weight:                           $fw_semibold;
$btn-focus-box-shadow:                      0 0 0 transparent;
$btn-close-bg:                              url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="#000000"><path d="M15,16c-.27,0-.54-.11-.73-.31l-4.21-4.44c-.38-.4-.36-1.03,.04-1.41s1.03-.36,1.41,.04l3.48,3.67,3.42-3.67c.38-.4,1.01-.42,1.41-.05,.4,.38,.42,1.01,.05,1.41l-4.15,4.44c-.19,.2-.45,.32-.73,.32h0Z"/><path d="M10.79,20.44c-.25,0-.49-.09-.69-.27-.4-.38-.42-1.01-.04-1.41l4.21-4.45c.19-.2,.45-.31,.73-.31h0c.28,0,.54,.12,.73,.32l4.15,4.45c.38,.4,.35,1.04-.05,1.41-.41,.38-1.04,.35-1.41-.05l-3.42-3.67-3.48,3.67c-.2,.21-.46,.31-.73,.31Z"/><path d="M15,28.37c-7.37,0-13.37-6-13.37-13.37S7.63,1.63,15,1.63s13.37,6,13.37,13.37-6,13.37-13.37,13.37Zm0-24.74C8.73,3.63,3.63,8.73,3.63,15s5.1,11.37,11.37,11.37,11.37-5.1,11.37-11.37S21.27,3.63,15,3.63Z"/></svg>');
$btn-close-width:                           2rem;

// Dropdowns
$dropdown-min-width:                        4.5rem;

// Modals
$modal-backdrop-opacity:                    .7;

// Accordion
$accordion-body-padding-y:                  0 !default;
$accordion-body-padding-x:                  0 !default;
$accordion-color:                           shade-color($o-accordion-bg, 60%) !default;
$accordion-bg:                              $o-accordion-bg;

$accordion-button-color:                    $accordion-color !default;
$accordion-button-active-color:             $accordion-button-color !default;
$accordion-button-bg:                       $accordion-bg !default;
$accordion-button-active-bg:                $accordion-button-bg !default;

$accordion-icon-transform:                  rotate(0deg) !default;

//Alert
$alert-border-width:                        3px;
$alert-border-scale:                        0;
$alert-border-radius:                       0 3px 3px 0;
$alert-bg-scale:                            -87%;
$alert-color-scale:                         40%;