/**
 * @prop --group-body-background: Body background color
 * @prop --group-body-font-family: Body font family
 * @prop --group-body-color: Body text color
 * @prop --group-body-font-weight: Body text weight
 * @prop --group-body-font-size: Body font size
 * @prop --group-body-line-height: Body line height
 * @prop --group-divider-background: Divider background color
 * @prop --group-small-font-size: TBD
 * @prop --group-strong-color: TBD
 * @prop --group-strong-font-weight: TBD
 */

:root
  //
  // body variables
  --group-body-background: var(--group-light-non-interactive-surface-white)
  --group-body-font-family: var(--group-font-family-text)
  --group-body-color: var(--group-light-text-on-light)
  --group-body-font-weight: var(--group-font-weight-regular)
  --group-body-font-size: 16px
  --group-body-line-height: var(--group-line-height-size-6-desktop)
  --group-small-font-size: var(--group-text-size-6-desktop)
  --group-strong-color: var(--group-color-text-primary)
  --group-strong-font-weight: var(--group-font-weight-bold)
  //
  // divider variables
  --group-divider-background: var(--group-light-non-interactive-surface-neutral-3)