/**
 * @prop --group-table-color: Tables default font color
 * @prop --group-table-background-color: Tables default background color
 * @prop --group-table-body-background-color: Table body background
 * @prop --group-table-cell-border: Table cell border
 * @prop --group-table-cell-border-width: Table cell border width
 * @prop --group-table-cell-padding: Table cell padding
 * @prop --group-table-cell-heading-color: Table cell heading color
 * @prop --group-table-head-cell-border-width: Table head cell border width
 * @prop --group-table-head-cell-border-color: Table head cell border color
 * @prop --group-table-head-cell-color: Table head cell color
 * @prop --group-table-head-background-color: Table head cell background
 * @prop --group-table-head-font-size:  Table head cell font size backgound
 * @prop --group-table-head-font-family: Table head cell font family
 * @prop --group-table-foot-cell-border-width: Table foot cell border width
 * @prop --group-table-foot-cell-color: Table foot cell color
 * @prop --group-table-foot-background-color: Table foot cell background
 * @prop --group-table-row-background-color-hover: Table row hover background
 * @prop --group-table-row-background-color-active: Table row pressed background
 * @prop --group-table-row-color-active: Table row pressed font color
 * @prop --group-table-striped-row-even-background-color: Table row striped background
 * @prop --group-table-striped-row-even-background-color-hover: Table row striped background on hover
 */

:root
  --group-table-color: var(--group-color-primary)
  --group-table-background-color: var(--group-color-base-core-white)
  --group-table-body-background-color: transparent
  //
  // cell
  --group-table-cell-border-color: var(--group-color-border)
  --group-table-cell-border: 2px solid var(--group-table-cell-border-color)
  --group-table-cell-border-width: 0 0 2px
  --group-table-cell-padding: 0.5em 0.75em
  --group-table-cell-heading-color: var(--group-color-primary)
  //
  // head
  --group-table-head-cell-border-width: 0 0 1px
  --group-table-head-cell-border-color: var(--group-color-primary)
  --group-table-head-cell-color: var(--group-color-primary)
  --group-table-head-background-color: transparent
  --group-table-head-font-size: var(--group-text-size-normal)
  --group-table-head-font-family: var(--group-font-family-text)
  //
  // foot
  --group-table-foot-cell-border-width: 0 0 0
  --group-table-foot-cell-color: var(--group-color-primary)
  --group-table-foot-background-color: transparent
  //
  // row
  --group-table-row-background-color-hover: var(--group-color-grey-2)
  --group-table-row-background-color-active: var(--group-color-primary-1)
  --group-table-row-color-active: var(--group-color-primary)
  --group-table-striped-row-even-background-color: var(--group-color-grey-1)
  --group-table-striped-row-even-background-color-hover: var(--group-color-grey-2)