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

$file: (
  border-radius: map.get($border-radius, 'xs'),
  shadow: var(--sh-1),
  container-spacing: var(--s-xl) var(--s-xl) 0,
  container-spacing-last: var(--s-xl),
  file-icon-align-self: start,
  file-info-margin-left: var(--s-xl),
  file-color: var(--cm-on-surface-brand),
  file-detail-padding-bottom: var(--s-m),
  file-detail-meta-color: var(--on-surface-brand),
  file-detail-flex-direction: row,
  file-description-color: var(--on-surface-brand),
  file-description-font: var(--f-m),
  file-action-spacing-mobile: var(--s-m),
  file-action-spacing-desktop: var(--s-xs),
  file-action-separator: var(--s-xl),
  file-action-position: absolute,
  file-footer-border: 1px solid var(--cm-border-neutral),
  file-footer-flex-direction: column,
  file-footer-padding-block: var(--s-m),
  file-footer-padding-inline: 0,
  file-footer-margin-inline: calc(var(--s-xl) * 2 + #{map.get($icon, '2xl')})
    var(--s-xl),
  file-thumbnail-footer-padding: var(--s-m) 0,
  file-picture-order-desktop: 1,
  file-picture-order-mobile: 1,
  file-label-spacing: var(--s-xl),
  file-meta-font: var(--f-s),
  file-meta-margin: var(--s-2xs),
  file-spacing: var(--s-m),
  file-spacing-last-child: 0,
  file-thumbnail-container-padding: var(--s-xl),
  file-thumbnail-footer-margin: 0 var(--s-xl),
  file-thumbnail-download-top-position: auto,
  file-thumbnail-meta-margin: var(--s-2xs),
  file-taxonomy-spacing: var(--s-xl) 0 0,
  file-translation-border: none,
  file-translation-font-weight: map.get($font-weight, 'semi-bold'),
  file-translation-toggle-margin: var(--s-m),
  file-translation-background: var(--cm-surface-neutral-lowest),
  file-translation-detail-margin-bottom: 0,
  file-translation-item-padding-h: var(--s-xl),
  file-translation-meta-spacing: 0,
  file-translation-meta-font: var(--f-m),
  file-translation-download-alignment: flex-start,
  file-translation-title-margin-bottom: 0,
  file-translation-title-weight: map.get($font-weight, 'semi-bold'),
  file-translation-first-item-border: 1px,
  file-translation-first-item-padding: 1rem,
  file-translation-item-margin: 0,
  file-translation-toggle-border: 0,
  file-image-margin-left: var(--s-xl),
  file-image-margin-right: 0,
  file-language-font: var(--f-m),
  file-language-font-weight: map.get($font-weight, 'semi-bold'),
  container-background: var(--cm-surface-inverted),
  icon-color: var(--cm-on-surface-brand),
  translation-border-color: var(--cm-border-neutral),
  image-width: 13.125rem,
  title-font: var(--f-2xl),
  title-font-weight: map.get($font-weight, 'light'),
  translation-toggle-open-background: var(--cm-surface-grey-low-0),
  translation-toggle-open-border-color: var(--cm-border-brand),
  translation-toggle-open-color: var(--cm-on-surface-brand),
);