@use "sass:map";
@use "./base";

// ===== section =====
$section-size-list: (xs, sm, md, lg, xl, xxl) !default;
$section-headline-primary-font-size: (
  sm: map.get(base.$font-size-headline, h5),
  md: map.get(base.$font-size-headline, h4),
  lg: map.get(base.$font-size-headline, h3),
  xl: map.get(base.$font-size-headline, h2),
  xxl: map.get(base.$font-size-headline, h1)
) !default;
$section-headline-secondary-font-size: (
  sm: map.get(base.$font-size-headline, h6),
  md: map.get(base.$font-size-headline, h5),
  lg: map.get(base.$font-size-headline, h4),
  xl: map.get(base.$font-size-headline, h3),
  xxl: map.get(base.$font-size-headline, h2)
) !default;
$section-sibling-margin: base.padding(8) !default;
$section-headline-bar-width: base.padding(1) !default;
$section-headline-bar-color: base.color-brand() !default;
$section-headline-bar-margin: (
  sm: base.padding(3),
  md: base.padding(3),
  lg: base.padding(4),
  xl: base.padding(4),
  xxl: base.padding(4)
) !default;
$section-headline-note-margin: base.padding(2) !default;
$section-headline-secondary-margin-top: base.padding(2) !default;
$section-headline-secondary-font-weight: base.$font-weight-normal !default;
$section-headline-margin: base.padding(4) !default;
$section-content-paragraph-margin: base.padding(3) !default;