// Bootstrap options

$enable-gradients: true !default;
$enable-shadows: true !default;

:root,
[data-bs-theme="light"] {
  --td-pre-bg: var(--bs-tertiary-bg);
}

// UI element colors

// Background colors for the sections on home page etc. It is a paint by number
// system, starting at 0, where the number is taken from the shortcode's ordinal
// if not provided by the user. These colors are all part of the theme palette,
// but the mix is fairly random to create variation. This can be overridden by
// the project if needed.
$td-box-colors: $dark, $primary, $secondary, $info, $white, $gray-600, $success,
  $warning, $dark, $danger, $primary, $secondary, $info !default;

// Fonts

$td-enable-google-fonts: false !default;

$td-font-awesome-font-name: "Font Awesome 6 Free" !default;
$td-google-font-name: "Open Sans" !default;
$td-google-font-family: "Open+Sans:300,300i,400,400i,700,700i" !default;
$td-web-font-path: "https://fonts.googleapis.com/css?family=#{$td-google-font-family}&display=swap";

@if $td-enable-google-fonts {
  $td-fonts-serif: join("#{$td-google-font-name}", $td-fonts-serif);
}

$font-family-sans-serif: null !default;
@if $td-enable-google-fonts {
  $font-family-sans-serif: $td-fonts-serif;
}

$td-font-weight-body-text: $font-weight-normal !default;

// Space

$td-block-space-top-base: 4 * $spacer !default;
$td-block-space-bottom-base: 4 * $spacer !default;
