// ===== grid =====
@use "sass:math";
@use "sass:map";
@use "./base";
@use "../grid/variables";

// ===== layout =====
$layout-bg-color: base.color-gray(3) !default;
$layout-bg-inner: base.color-gray(1) !default;
$layout-padding: base.padding(3) !default;
$layout-padding-inner: base.padding(4) !default;
$layout-header-footer-padding: base.padding(5) !default;
$layout-header-height: base.height(15) !default;
$layout-header-min-height: base.height(15) !default;
$layout-header-bg-color: base.color-brand() !default;
$layout-footer-min-height: base.height(15) !default;
$layout-footer-bg-color: base.color-gray(10) !default;
$layout-footer-text-color: base.$color-text-reverse !default;

$layout-sidebar-width: 200px !default;
$layout-sidebar-bg-color: $layout-bg-inner !default;
$layout-sidebar-width-collapsed: 60px !default;

$layout-min-width: map.get(variables.$grid-breakpoints, xl) !default;

// static
$layout-static-width: $layout-min-width !default;

// fluid
$layout-fluid-min-width: map.get(variables.$grid-breakpoints, xl) !default;
$layout-fluid-max-width: map.get(variables.$grid-breakpoints, xxxl) !default;

$layout-content-inner-bg: $layout-bg-inner !default;
$layout-content-inner-border-radius: base.$border-radius-medium !default;
$layout-content-breadcrumb-padding-vertical: base.padding(3) !default;

$layout-panel-bg: $layout-bg-inner;
$layout-panel-padding: $layout-padding-inner;
$layout-panel-border-radius: $layout-content-inner-border-radius;
$layout-panel-sibling-margin: base.padding(4);