//
//  DIALTONE
//  TOKENS: Grid-vars
//
//  ============================================================================
//  $   GRID VARIABLES
//  ----------------------------------------------------------------------------
@grid-vars: {
  //  Grid Layout Variables
  sidebar-width:              minmax(20rem, 30rem);
  content-width:              minmax(32rem, 90ch);
  header-height:              minmax(6.4rem, min-content);
  content-height:             minmax(64rem, max-content);

  //  Grid Columns
  grid-columns:               12;
  grid-column-width:          minmax(min-content, 24rem);
  grid-column-auto:           1fr;
}