// modal size & placement
$modal-header-height: $baseline * 6;
$modal-dialog-width: 450px;
$modal-dialog-popup-width: 400px;
$modal-dialog-cookie-width: 550px;
$modal-dialog-initial-offset: 10%;

//modal spacing
$modal-dialog-max-top-offset: $spacing--xl;
$modal-cookie-spacing: $baseline * 18;
$modal-dialog-spacing: $spacing--s;
$modal-dialog-spacing--l: 30px;
$modal-dialog-spacing--xl: 50px;

//colors
$modal-background-color: $color-brand--four;

// title
$modal-title-font-style: 'title--s';
$modal-title-font-style--xs: 'title--xs';
$modal-header-divider-in-title-font-style--l-inversed: 'title--xs';
$modal-title-text-transform: lowercase;

//close button
$modal-close-icon-color: $color-brand--one;
