@use 'sass:map';
@use '../index' as *;

$language-list: (
  color: var(--cm-on-surface-brand),
  container-padding-mobile: (
    block-start: var(--s-5xl),
    block-end: var(--s-5xl),
    inline-start: var(--s-xl),
    inline-end: var(--s-xl),
  ),
  container-padding-desktop: (
    block-start: var(--s-5xl),
    block-end: var(--s-5xl),
    inline-start: var(--s-xl),
    inline-end: var(--s-xl),
  ),
  header-typography-font-weight: map.get($font-weight, 'regular'),
  header-typography: 'heading3',
  header-font-weight: map.get($font-weight, 'light'),
  content-margin-mobile: var(--s-s),
  content-margin-desktop: var(--s-s),
  category-title-font: var(--f-m),
  title-padding-start: var(--s-m),
  category-title-font-weight: map.get($font-weight, 'medium'),
  category-title-padding: (
    block-start: var(--s-l),
    block-end: var(--s-xs),
    inline-start: var(--s-m),
    inline-end: 0,
  ),
  category-separator: 1px solid var(--cm-border-neutral),
  category-stack-margin: var(--s-s),
  item-padding: (
    block-start: var(--s-xs),
    block-end: var(--s-xs),
    inline-start: var(--s-m),
    inline-end: var(--s-s),
  ),
  code-color: var(--cm-on-surface-brand),
  code-font-weight: map.get($font-weight, 'regular'),
  code-active-font-weight: map.get($font-weight, 'bold'),
  code-width: 26px,
  item-active-background: var(--cm-surface-neutral-lowest),
  item-active-color: var(--cm-on-surface-brand),
  item-active-border-width: 4px,
  item-active-border-color: var(--cm-border-primary),
  item-width: 196px,
  column-spacing-before: var(--s-m),
  column-spacing-after: var(--s-m),
);
$language-list-print: (
  container-padding-desktop: (
    block-start: map.get($spacing-print, '3xl'),
    block-end: map.get($spacing-print, '3xl'),
    inline-start: map.get($spacing-print, 'xl'),
    inline-end: map.get($spacing-print, 'xl'),
  ),
  header-font-desktop: map.get($font-print, '3xl'),
  content-margin-desktop: map.get($spacing-print, 's'),
  category-title-font: map.get($font-print, 'm'),
  category-title-padding: (
    block-start: map.get($spacing-print, 'l'),
    block-end: map.get($spacing-print, 'xs'),
    inline-start: 0,
    inline-end: 0,
  ),
  item-padding: (
    block-start: map.get($spacing-print, 'xs'),
    block-end: map.get($spacing-print, 'xs'),
    inline-start: map.get($spacing-print, 'm'),
    inline-end: map.get($spacing-print, 's'),
  ),
);