// @see https://getbootstrap.com/docs/5.3/customize/sass/#variable-defaults

// custom shades of gray
$gray-100: #f8f8f8;
$gray-200: #f4f4f4;
$gray-300: #ddd;
$gray-400: #767676;
$gray-500: #666;
$gray-600: #222;
$grays: (
  'gray-100': $gray-100,
  'gray-200': $gray-200,
  'gray-300': $gray-300,
  'gray-400': $gray-400,
  'gray-500': $gray-500,
  'gray-600': $gray-600,
);

// custom shades of blue
$blue-100: #f5f9fd;
$blue-200: #cddaeb;
$blue-300: #94c9fb;
$blue-400: #1e70b9;
$blue-500: #335b96;
$blue-600: #244b8b;
$blue-700: #214277;
$blue-800: #273866;

// custom theme colors
$primary: #0074af;
$secondary: #6e6e6e;
$success: #008100;
$danger: #d00;
$warning: #ffc107;
$info: #3273aa;
$light: #fafafa;
$dark: #111;

// other BS color overrides
$body-color: $gray-600;
$text-muted: $gray-400;
$input-color: $body-color;
$input-placeholder-color: $gray-400;

// fonts
$font-family-museosans: 'museosans';
$font-family-sans-serif: $font-family-museosans, sans-serif;
$font-weight-light: 100;
$font-weight-normal: 300;
$input-font-weight: 300;

// heading sizes
$h1-font-size: 1.5rem;
$h2-font-size: 1.5rem;
$h3-font-size: 1.4rem;
$h4-font-size: 1.2rem;
$h5-font-size: 1.1rem;