// scss-docs-start custom-color-variables
$main: #046b99 !default;
$alt: #eef8fb !default;
$highlight: #fdb81e !default;
$standout: #323a45 !default;
// scss-docs-end custom-color-variables

// scss-docs-start custom-colors-map
$custom-colors: (
  main: $main, // main
  alt: $alt, // alternate
  highlight: $highlight, // highlight
  standout: $standout, // standout
) !default;
// scss-docs-end custom-colors-map

// scss-docs-start social-media-color-variables
$facebook: #3d77ea !default; // facebook
$twitter: #000 !default; // twitter
$googleplus: #dc4a38 !default; // googleplus
$flickr: #0063dc !default; // flickr
$linkedin: #0976b4 !default; // linkedin
$instagram: #e73476 !default; // instagram
$snapchat: #fffc00 !default; // snapchat
$youtube: #e73323 !default; // youtube
$pinterest: #cc2127 !default; // pinterest
$vimeo: #1ab7ea !default; // vimeo
$email: #888 !default; // email
$github: #25292e !default; // github
// scss-docs-end social-media-color-variables

// scss-docs-start social-media-colors-map
$social-media-colors: (
  facebook: $facebook, // facebook
  twitter: $twitter, // twitter
  google-plus: $googleplus, // googleplus
  flickr: $flickr, // flickr
  linkedin: $linkedin, // linkedin
  instagram: $instagram, // instagram
  snapchat: $snapchat, // snapchat
  youtube: $youtube, // youtube
  pinterest: $pinterest, // pinterest
  vimeo: $vimeo, // vimeo
  email: $email, // email
  github: $github, // github
) !default;
// scss-docs-end social-media-colors-map

// scss-docs-start gray-color-variables
$gray-50: #fafafa ; // #fafafa
$gray-75: #f3f3f4 ; // #f3f3f4
$gray-100: #ededef ; // #f8f9fa = #ededef
$gray-200: #d4d4d7; // #e9ecef = #d4d4d7
$gray-300: #bcbbc1; // #dee2e6 = #bcbbc1
$gray-400: #a4a3ab; // #ced4da = #a4a3ab
$gray-500: #898891; // #adb5bd = #898891
$gray-600: #72717c; // #6c757d = #72717c
$gray-700: #5e5e6a; // #495057 = #5e5e6a
$gray-800: #4a4958; // #343a40 = #4a4958
$gray-900: #3b3a48; // #212529 = 3b3a48
// scss-docs-end gray-color-variables

// scss-docs-start gray-colors-map
$grays: (
  "50": $gray-50,
  "75": $gray-75,
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
) !default;
// scss-docs-end gray-colors-map

// scss-docs-start breakpoint-variables
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1400px;
// scss-docs-end breakpoint-variables

// scss-docs-start breakpoint-map
$grid-breakpoints: (
  xs: 0,
  sm: $breakpoint-sm,
  md: $breakpoint-md,
  lg: $breakpoint-lg,
  xl: $breakpoint-xl,
  xxl: $breakpoint-xxl
) !default;
// scss-docs-end breakpoint-map

// Responsive Font Ratio (for responsive typography (body))
// scss-docs-start ratio-variables
$ratio: 0.1vw;
// scss-docs-end ratio-variables

// scss-docs-start font-variables
// Public Sans requires <link href="https://fonts.googleapis.com/css2?family=Public+Sans" rel="stylesheet"> in the head section
$font-family-sans-serif: "Public Sans", system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", sans-serif; // Public Sans was added
$font-size-base: 1.125rem; // 1rem = 1.125rem
$font-size-xs: $font-size-base * .375;
$font-size-md: $font-size-base * 1.2;
// scss-docs-end font-variables

// scss-docs-start headings-variables
$headings-font-weight: 700;
// scss-docs-end headings-variables

// scss-docs-start spacer-variables
$spacer: 1rem;
// scss-docs-end spacer-variables

// scss-docs-start dropdown-item-variables
$dropdown-item-padding-y:           $spacer * .5;
$dropdown-item-padding-x:           $spacer;
// scss-docs-end dropdown-item-variables

// scss-docs-start navigation-variables
$nav-link-padding-y: 1rem;
$nav-link-padding-x: 1rem;
$nav-link-font-size: 1rem;
$nav-link-color: $main;
$nav-link-hover-color: var(--bs-main-darker);
// scss-docs-end navigation-variables

// scss-docs-start outline-variables
$outline-default-style: solid !default;
$outline-default-color: #0D81CE !default;
// scss-docs-end outline-variables

// scss-docs-start card-variables
$card-title-spacer-y:  0 !default;
// scss-docs-end card-variables

// scss-docs-start headings-variables
$headings-margin-bottom:      0 !default;
// scss-docs-end headings-variables