$masthead-height: 96px !default;
$border-width: 1px !default;
$outline-width: 2px !default;

$border-radius: 0 !default;
$border-radius-sm: 0 !default;
$border-radius-lg: 0 !default;

$shadow-depth-4: 0px 2px 4px 1px rgba(0, 0, 0, 0.16);
$shadow-depth-12: 0px 2px 12px 2px rgba(0, 0, 0, 0.12);
$shadow-depth-24: 0px 8px 24px 8px rgba(0, 0, 0, 0.24);

$body-bg: $gray-95 !default;

$font-base: 'Roboto', 'Helvetica', Arial, sans-serif;
$font-family-base: $font-base;

$link-color: $blue-primary !default;
$link-hover-color: darken($link-color, 15%);

$component-active-color: $white !default;
$component-active-bg: $blue-primary !default;

$card-tiny-icon-active: var(--dlt-color-palette-purple-870, $pink-94);

/* Variable spacing token for size X Large */
$spacing-x-large: 2rem !default;
/* Variable spacing token for size Large */
$spacing-large: 1.5rem !default;
/* Variable spacing token for size Medium */
$spacing-medium: 1rem !default;
/* Variable horizontal spacing token for size Small */
$spacing-small: 0.75rem !default;
/* Constant spacing token for size X small */
$spacing-x-small: 0.5rem !default;
/* Constant spacing token for size XXX small */
$spacing-xxx-small: 0.125rem !default;
/* Constant spacing token for size XX small */
$spacing-xx-small: 0.25rem !default;

$z-index-modal: 9999;

/* Media Query limits based on Bootstrap */
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
) !default;

/* Animation */
$bezier: cubic-bezier(0.165, 0.84, 0.44, 1);
