/*  cem - custom-element material
    SEMANTIC THEME basic definitions
    based on https://blog.firsov.net/search/label/Semantic%20Theme
 */
:root{

/*#region SPACING DIMENSIONS */
--cem-dim-xx-small  : 0.25rem;
--cem-dim-x-small   : 0.5rem;
--cem-dim-small     : 0.75rem;
--cem-dim-medium    : 1rem;
--cem-dim-large     : 1.5rem;
--cem-dim-x-large   : 2rem;
--cem-dim-xx-large  : 4rem;
--cem-dim-xxx-large : 8rem;
/*#endregion */

/*#region OUTLINE THIKNESS */
--cem-thick-none: 0;
--cem-thick-xx-light: 0.5px;
--cem-thick-x-light : 1px;
--cem-thick-light   : 2px;
--cem-thick-normal  : 4px;
--cem-thick-bold    : 0.5rem;
--cem-thick-x-bold  : 1rem;
--cem-thick-xx-bold : 4rem;
/*#endregion */

/*#region TEXT TRACKING/SPACING */
--cem-tracking-negative : -0.25em;
--cem-tracking-stick    : 0;
--cem-tracking-tight    : 0.5px;
--cem-tracking-normal   : auto;
--cem-tracking-loose    : 0.25em;
--cem-tracking-sparse   : 0.5em;
--cem-tracking-spread   : 1em;
/*#endregion */

/*#region branded colors  */

/*#endregion */

/*#region action */
/*--cem-drop-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);*/

/*#endregion */

}