:root {

  	--container-width-default: 1500px;
	--container-width-desktop: 1500px;
  	--container-width-maximum: 1500px;
  	--container-width-mid:  1200px;
  	--container-padding-default: 50px;
  	--container-padding-mobile: 25px;

  	--component-vertical-spacing-default: 5rem;
  	--component-vertical-spacing-mobile: 3.5rem;
  	--divider-to-heading-spacing-default: 12px;
  	--section-heading-margin-bottom-default: 42px;

  	--header-utility-bar-height: 42px;
  	--header-height-desktop: 122px;

  	--sidebar-width--news-detail: 460px;

  	--color-charcoal: #2d2926;
  	--color-arcadia-red: #9d2235;
  	--color-gray-warm: #CBC4BC;
  	--color-gray-warm-30: #efedea;
  	--color-sea-green: #47D7AC;
  	--color-cyan: #049FB4;
  	--color-yellow: #FFC72C;

  	--color-text-default: var(--color-charcoal);

  	--z-index-layout-max: 5000; 
  	--z-index-max: 9999;

  	--vertical-kicker-width: 40px;

	/* scrollbar-width is overridden in javascript, this is just a default.
 	   This is used in cases where we need something to be 100vw while accounting for the scrollbar
 	   Note that this is also added directly to wp_head in functions.php in order to ensure it loads immediately.
 	*/
 	--scrollbar-width: 15px;


 	

}