/*******************************
        Import Directives
*******************************/

/*------------------
       Theme
-------------------*/

@theme: @@element;

@themesFolderEducal: '~educal-volto-themes';

/*--------------------
   Site Variables
---------------------*/

/* Default site.variables */
@import (optional) '@{themesFolder}/default/globals/site.variables';

/* Packaged site.variables */
//@import (optional) "@{themesFolder}/@{site}/globals/site.variables";
@import (optional) '@{themesFolderEducal}/@{site}/globals/site.variables';

/* Component's site.variables */
@import (optional) '@{themesFolder}/@{theme}/globals/site.variables';

/* Site theme site.variables */
@import (optional) '@{siteFolder}/globals/site.variables';

/*-------------------
 Component Variables
---------------------*/

/* Default */
@import (optional) '@{themesFolder}/default/@{type}s/@{element}.variables';

/* Packaged Theme */
//@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.variables";
@import (optional)
  '@{themesFolderEducal}/@{theme}/@{type}s/@{element}.variables';
/* Site Theme */
@import (optional) '@{siteFolder}/@{type}s/@{element}.variables';

/*******************************
             Mix-ins
*******************************/

/*------------------
       Fonts
-------------------*/

.loadFonts() when (@importGoogleFonts) {
  @import (css)
    url('@{googleProtocol}fonts.googleapis.com/css?family=@{googleFontRequest}');
}

/*------------------
     Overrides
-------------------*/

.loadUIOverrides() {
  //@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
  @import (optional)
    '@{themesFolderEducal}/@{theme}/@{type}s/@{element}.overrides';
  @import (optional) '@{siteFolder}/@{type}s/@{element}.overrides';
}