// colors
$ds-color-palette: (
  primary: #066,
  accent: #ff9800
)!default;

$ds-gray-palette: (
  gray-lighter: #f6faff,
  gray-light: #dbdfe9,
  gray-normal: #999da6,
  gray-dark: #5d6068,
  gray-darker: #1d2027
)!default;

$ds-system-palette: (
  success: #43ac6a,
  error: #b00020,
  warning: #CC3300,
  white: #fff
)!default;

$ds-link-color: #0066CC!default;
$ds-link-color-visited: #6633FF!default;
$ds-link-color-hover: accent-color()!default;

// grid and layout
$ds-grid-size: 12!default;
$ds-grid-gap: 1rem!default;

$ds-site-width: 1000px!default;
$ds-site-background: almost-white(map-get($ds-gray-palette, gray-lighter))!default;
$ds-footer-background: #f5f5f5;

// typografy
$ds-font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif!default;
$ds-font-color: almost-black(primary-color())!default;
$ds-base-line-height: 1.2em!default;

$ds-font-size: 1em!default;
$ds-small-font: .9rem!default;
$ds-large-font: 1.125em!default;

// weights
$ds-font-weight-normal: 400!default;
$ds-font-weight-bold: 600!default;

$ds-header-sizes: (
  4rem,
  3rem,
  1.5rem,
  1.1rem,
  1rem,
  1rem
)!default;

// spacing
$ds-space-unit: 1em!default;
$ds-spaces: (
  x-small: 0.25,
  small: 0.5,
  normal: 0.75,
  large: 1,
  x-large: 2.25
)!default;

// breakpoints
$ds-mobile-media-query: "(min-device-width : 0px) and (max-device-width : 599px)"!default;
$ds-tablet-media-query: "(min-device-width : 600px) and (max-device-width : 1023px)"!default;
$ds-computer-media-query: "(min-device-width : 1024px)"!default;

// topbar
$ds-icon-header-size: 1.5rem!default;
$ds-below-header-normal: 5.4rem!default;
$ds-below-header-desktop: 4.4rem!default;

//topbar & footer
$ds-header-footer-font-color: gray-scale(gray-dark)!default;

// forms
$ds-form-input-border-radius: 4px!default;
$ds-form-input-border-color: gray-scale(gray-dark)!default;
$ds-form-input-border-color-active: primary-color()!default;
$ds-form-input-border-width: 1px!default;
$ds-form-input-height: 2.5rem!default;
$ds-form-input-rounded: 3.5rem!default;
$ds-form-input-padding: .5em!default;
$ds-form-row-spacing: space(large)!default;
$ds-radio-size: 1rem!default;
$ds-radio-checked-size: 0.5rem!default;
