// https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss

// Color Palette
$blue-100: #f8f9fa; // #f8f9fa; // #ececec; // primevue #e8eaf6 //#f1eff1;
$blue-150: #f0f2f4; //#e6e5ec;
$blue-200: #d2d6df; //#e6e5ec; //#ced4da;
$blue-300: #8586a2;
$blue-400: #707595;
$blue-500: #5b6588;
$blue-600: #47547b;
$blue-700: #32446e;
$blue-800: #1e3461;
$blue-900: #121f3a;

$blue: $blue-800;

$gold-100: #fcfaf7;
$gold-200: #f0e7d5;
$gold-300: #deccad;
$gold-400: #c6a364;
$gold-500: #b78730;
$gold-600: #9c6b14;
$gold-700: #7d550c;
$gold-800: #493613;
$gold-900: #241a09;

$gold: $gold-500;

$blues: (
  'blue-100': $blue-100,
  'blue-150': $blue-150,
  'blue-200': $blue-200,
  'blue-300': $blue-300,
  'blue-400': $blue-400,
  'blue-500': $blue-500,
  'blue-600': $blue-600,
  'blue-700': $blue-700,
  'blue-800': $blue-800,
  'blue-900': $blue-900
);

$golds: (
  'gold-100': $gold-100,
  'gold-200': $gold-200,
  'gold-300': $gold-300,
  'gold-400': $gold-400,
  'gold-500': $gold-500,
  'gold-600': $gold-600,
  'gold-700': $gold-700,
  'gold-800': $gold-800,
  'gold-900': $gold-900
);

$green-200: #d5e4c3;
$green: #3d6b00;
$green-700: #203800;

$red-200: #eccccc;
$red: #8e3333;
$red-700: #720000;

$primary: $blue-800;
$secondary: $gold-500;
$info: $secondary;

$dark: #4f4d47;
$light: $blue-150;

$dark-100: tint-color($dark, 80%);
$dark-200: tint-color($dark, 60%);
$dark-300: tint-color($dark, 40%);
$dark-400: tint-color($dark, 20%);
$dark-500: $dark;
$dark-600: shade-color($dark, 20%);
$dark-700: shade-color($dark, 40%);
$dark-800: shade-color($dark, 60%);
$dark-900: shade-color($dark, 80%);

// Customize Bootstrap

$font-family-sans-serif: var(--vds-font-family), system-ui, -apple-system, 'Segoe UI', Roboto,
  'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
$line-height-base: 1.7;

$headings-font-family: var(--vds-headings-font-family), system-ui, -apple-system, 'Segoe UI', Roboto,
  'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
$headings-color: $blue;
$headings-font-weight: 600;
$headings-line-height: 1.5;

$font-weight-semibold: 500;
$font-weight-bold: 600;


$border-radius: 0.25rem;
$border-color: $blue-200;
$body-bg: $gold-100;

$spacer: 1rem;
$spacer-x: 1.5rem;

$input-bg: white;
$input-btn-padding-x: 1rem;
$input-btn-padding-x-sm: 0.75rem;
$input-border-color: $border-color;

$form-floating-height: calc(3.7rem + 2px);

$btn-font-weight: 400;

$alert-border-width: 0;

$card-spacer-x: $spacer-x;
$card-cap-padding-x: $spacer-x;
$card-cap-padding-y: 0.75rem;
$card-border-width: 0;

$accordion-padding-x: $spacer-x;
$accordion-bg: white;

$list-group-item-padding-x: $spacer-x;

$badge-font-weight: 400;

$offcanvas-horizontal-width: auto;
$offcanvas-padding-x: 1.5rem;
$offcanvas-transition-duration: 0.25s;

$modal-inner-padding: $spacer-x;
$modal-content-border-radius: $border-radius;
$modal-content-border-width: 0;
$modal-header-border-width: 0;
$modal-header-padding: 1rem $modal-inner-padding 0 $modal-inner-padding;
$modal-fade-transform: translate(0, 0) scale(0.8);
$modal-transition: transform 0.15s ease-out;

$enable-negative-margins: true;