// Bootsrap variable override.
//
// Styleguide 1.1
@use "sass:math";
// Layout
$grid-gutter-width: 60px !default;

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1200px
) !default;

// Fonts
$font-family-sans-serif: $font-text !default;
$font-family-base: $font-text !default;
//$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`

$font-size-vlg: 1.375rem !default; //22px
//$font-size-lg:   1.25rem !default; // 20px
$font-size-mdlg: 1.125rem !default; //18px
$font-size-mdsm: 0.94rem !default; //15px
//$font-size-sm:   .875rem !default;  // 14px
$font-size-vsm: 0.8125rem !default; //13px
$font-size-svsm: 0.74rem !default; //13px

// Color of body text
$body-color: $color-hecuba !default;
$headings-color: $color-cassandra !default;

// Color of dropdown border
$dropdown-border-color: $color-andromache !default;

// Buttons
$btn-border-radius: 0 !default;
$btn-border-radius-lg: 0 !default;
$btn-border-radius-sm: 0 !default;
$input-btn-padding-y: 0.90rem !default;
$input-btn-padding-x: 1rem !default;
$input-btn-padding-y-sm: $input-btn-padding-y * math.div(2, 3) !default;
$input-btn-padding-x-sm: $input-btn-padding-x * math.div(2, 3) !default;
$input-btn-padding-y-lg: $input-btn-padding-y * math.div(4, 3) !default;
$input-btn-padding-x-lg: $input-btn-padding-x * math.div(4, 3) !default;
$input-btn-border-width: 0.125rem !default;
$primary: $color-achillies !default;
$secondary: $color-nestor !default;

// Forms
$label-margin-bottom: .4rem !default;
$input-padding-y: 1rem !default;
$input-padding-x: 1.5rem !default;
$input-border-color: $color-hecuba !default;
$input-border-radius: 0 !default;
$input-border-width: 1px !default;
