@use 'sass:map';
@forward 'index';
@use 'index' as index;
@use 'variables' as *;

// TODO: build this dynamically (if possible)
$theme: (
  // color
  color-default: index.$color-default,
  color-palette: index.$color-palette,
  color-other: index.$color-other,
  color-modes: index.$color-modes,

  // form
  form-width: index.$form-width,

  // icon
  icon: index.$icon,
  icon-print: index.$icon-print,

  // layout
  breakpoint: index.$breakpoint,
  container: index.$container,
  container-spacing: index.$container-spacing,
  grid: index.$grid,
  grid-gutter-width: index.$grid-gutter-width,

  // media
  media: index.$media,

  // shape
  border-radius: index.$border-radius,
  shadow-color: index.$shadow-color,
  shadow: index.$shadow,

  // spacing
  spacing: index.$spacing,
  spacing-print: index.$spacing-print,

  // typography
  font-family: index.$font-family,
  font-weight: index.$font-weight,
  font-size: index.$font-size,
  line-height: index.$line-height,
  font: index.$font,
  letter-spacing: index.$letter-spacing,
  font-family-print: index.$font-family-print,
  font-size-print: index.$font-size-print,
  line-height-print: index.$line-height-print,
  font-print: index.$font-print,

  // z-index
  z-index: index.$z-index
);