:root {
  --co-catalog-navigation-font-color: #{$ca-color-font};
}
$co-catalog-navigation-font-family: $ca-font-family !default;
$co-catalog-navigation-font-size: $ca-font-size !default;
$co-catalog-navigation-font-color: var(--co-catalog-navigation-font-color) !default;
$co-catalog-navigation-margin: 10px 0 30px 0 !default;
$co-catalog-navigation-padding: 20px !default;
$co-catalog-navigation-column-gap: 10px !default;
$co-catalog-navigation-box-shadow: 0 3px 5px $ca-color-border !default;

$co-catalog-navigation-max-height: 60vh !default;

$co-catalog-navigation-home-font-family: $ca-font-family !default;
$co-catalog-navigation-home-font-size: $ca-font-size-big !default;
$co-catalog-navigation-home-font-weight: bold !default;
$co-catalog-navigation-home-font-color: $ca-color-font !default;


$co-catalog-navigation-category-font-family: $ca-font-family !default;
$co-catalog-navigation-category-font-size: $ca-font-size-big !default;
$co-catalog-navigation-category-font-weight: bold !default;
$co-catalog-navigation-category-padding: 0 0 5px 0 !default;
$co-catalog-navigation-category-margin: 0 0 10px 0 !default;
$co-catalog-navigation-category-border-style: solid !default;
$co-catalog-navigation-category-border-width: 0 0 1px 0 !default;
$co-catalog-navigation-category-border-color: $ca-color-border !default;
$co-catalog-navigation-category-hover-color: $ca-color-action !default;

$co-catalog-navigation-turnovergroup-row-gap: 5px !default;
$co-catalog-navigation-turnovergroup-hover-color: $ca-color-action !default;