@use "sass:math";

@use "../../010-settings/" as *;
@use "../../010-settings/legacy-settings/legacy-settings_symbol" as t-symbol;
@use "../basics" as *;

$il-standard-page-border-light-color: $il-main-border-color;

$il-avatar-size: t-symbol.$il-icon-size-large;
$il-avatar-inner-mobile-size: $il-avatar-size * 0.5;

//** controls margin from the footer to the main content, increase/decrase depending on the content (default, space for 4 lines).
$il-footer-margin-bottom: 2 * $il-line-height-computed * 2;

$il-standard-page-content-padding: 20px;
$il-standard-page-slate-width: $il-column-standard-width;

//
// MAINBAR
//

$il-mainbar-btn-height: 80px;
$il-mainbar-btn-width: 80px;
$il-mainbar-btn-margin: null;

$il-mainbar-width: $il-mainbar-btn-width;

//
// SLATES
//

$il-slate-content-spacing: $il-padding-base-horizontal;

$il-mainbar-close-slate-btn-height: 45px;
$il-metabar-close-slate-btn-height: 30px;

$il-slate-bulky-glyph-size: 1.0625rem;
$il-slate-bulky-icon-size: 1.0625rem;

$il-slate-content-spacing: 2px;

//** breadcrumbs
$il-standard-page-breadcrumbs-height: 33px;
$il-standard-page-breadcrumbs-seperator: " \e606";
$il-standard-page-breadcrumbs-bg-color: $il-main-bg;
$il-standard-page-breadcrumbs-color: $il-link-color;
$il-standard-page-breadcrumbs-active-color: $il-link-hover-color;
$il-standard-page-breadcrumbs-divider-color: $il-neutral-light-color;
$il-standard-page-breadcrumbs-font-weight: $il-font-weight-bold;

//** Shadows
$il-standard-page-shadow-color: rgba(0, 0, 0, .1);
$il-mainbar-shadow-right: 1px 3px 4px $il-standard-page-shadow-color;
$il-mainbar-shadow-top: 0 0 4px $il-standard-page-shadow-color;
$il-standard-page-header-shadow-bottom: 0 1px 2px $il-standard-page-shadow-color;