$enable-container-classes: false; $container-max-widths: ( xs: 360px, sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1320px ); $gray-100: $tw-neutral-100; $gray-200: $tw-neutral-200; $gray-300: $tw-neutral-300; $gray-400: $tw-neutral-400; $gray-500: $tw-neutral-500; $gray-600: $tw-neutral-600; $gray-700: $tw-neutral-700; $gray-800: $tw-neutral-800; $gray-900: $tw-neutral-900; $blue: $tw-blue-500 !default; $indigo: $tw-indigo-500 !default; $purple: $tw-purple-500 !default; $pink: $tw-pink-500 !default; $red: $tw-red-500 !default; $orange: $tw-amber-500 !default; $yellow: $tw-yellow-500 !default; $green: $tw-green-500 !default; $teal: $tw-teal-500 !default; $cyan: $tw-cyan-500 !default; // Body $body-color: $gray-900; $body-bg: #fff; $primary: $tw-indigo-600; // $body-secondary-bg: #ededed; $body-secondary-bg: #f0f0f0; $body-tertiary-bg: $tw-neutral-050; // Typography $font-family-sans-serif: 'Inter', sans-serif; $h1-font-size: 2.25rem; $h2-font-size: 1.875rem; $h3-font-size: 1.5rem; $h4-font-size: 1.25rem; $h5-font-size: 1.125rem; $card-cap-bg: #f9fbfc; $border-radius: 6px; $card-spacer-y: 1rem; $headings-font-weight: 700; $text-muted: #a7abc3; $border-color-translucent: rgba($gray-900, .075); $box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); $box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); $box-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); // $btn-font-size: 0.875rem; $btn-font-weight: 500; $input-btn-padding-x: .75rem; $input-btn-padding-y: .375rem; $navbar-brand-font-size: 1rem; $nav-link-font-weight: 500; $nav-tabs-link-active-color: $primary; $nav-tabs-link-active-border-color: $primary; $nav-tabs-link-hover-border-color: var(--bs-border-color); $nav-tabs-border-width: 2px; $nav-tabs-border-radius: 0; $nav-tabs-link-active-bg: transparent; $nav-tabs-border-color: var(--bs-secondary-bg); $nav-pills-link-active-color: var(--bs-body-color); $nav-pills-link-active-bg: var(--bs-body-bg); $label-margin-bottom: .25rem; $alert-padding-x: 1rem; $paragraph-margin-bottom: .5rem; $badge-font-weight: 500; $breadcrumb-divider: '›'; $dropdown-padding-x: .5rem; $dropdown-padding-y: .5rem; $dropdown-item-padding-y: .4rem; $dropdown-item-padding-x: .4rem; $dropdown-border-radius: calc(4px + .5rem); :root{ --bs-dropdown-item-border-radius: 4px; } $dropdown-link-active-bg: var(--bs-secondary-bg); $dropdown-link-active-color: var(--bs-body-color); $dropdown-border-color: rgba($gray-500, .075); $dropdown-divider-bg: rgba($gray-500, .1); $pagination-color: var(--bs-body-color); $pagination-border-width: 0; $pagination-bg: transparent; $pagination-active-bg: var(--bs-secondary-bg); $pagination-active-color: var(--bs-body-color); $pagination-hover-color: var(--bs-body-color); $pagination-focus-color: var(--bs-body-color); $pagination-disabled-color: var(--bs-tertiary-color); $pagination-disabled-bg: transparent;