@use "sass:math";
@use "./base";
@use "./layout";

// ===== head-nav =====
$head-nav-avatar-size: 42px !default;
$head-nav-bg-color-brand: base.color-brand() !default;
$head-nav-padding-vertical: base.padding(5) !default;
$head-nav-height: layout.$layout-header-height !default;
$head-nav-logo-height: 40px !default;
$head-nav-logo-subhead-height: 24px !default;
$head-nav-logo-subhead-color-reverse: base.$color-text-reverse !default;
$head-nav-logo-subhead-color: #646466 !default;
$head-nav-logo-subhead-margin: 10px !default;
$head-nav-logo-subhead-divider-height: 20px !default;
$head-nav-logo-subhead-divider-bottom-offset: 1px !default;
$head-nav-logo-subhead-divider-width: 1.5px !default;
$head-nav-logo-subhead-divider-width-actual: 2px !default;
$head-nav-logo-menu-margin: base.padding(4) !default;
$head-nav-user-info-margin: base.padding(4) !default;
$head-nav-user-info-avatar-detail-margin: base.padding(2) !default;
$head-nav-user-info-detail-arrow-margin: base.padding(1) !default;
$head-nav-user-info-avatar-bg-color: base.color-gray(1) !default;
$head-nav-user-info-detail-max-width: 150px !default;
$head-nav-user-info-detail-size: base.$font-size-sm !default;