/* Import color defaults FIRST so LESS variables can be overridden before main.less import */
@import '_color-defaults.less';

@import 'tokens/_c8y-design-tokens.less';
@import 'tokens/_c8y-design-tokens-dark.less';

.c8y-system-theme{
  @media(prefers-color-scheme: dark) {
    .c8y-dark-theme();
  }
}

@import '_brand-vars.less';
/* _color-vars.less will override CSS custom properties with LESS variable values */
@import '_color-vars.less';

@import '_typography-vars.less';
@import '_components-vars.less';
@import '_navigator.less';
@import '_dlt-c8y-icons-vars.less';
@import '_c8y-icon-vars.less';

@import '_alert-vars.less';
@import '_badge-vars.less';
@import '_breadcrumbs-vars.less';
@import '_buttons-vars.less';

@import '_code-vars.less';
@import '_forms-vars.less';
@import '_label-vars.less'; /* TODO: Remove after Codex launch. will be replaced by Tag */
@import '_tag-vars.less';
@import '_layout-vars.less';
@import '_map-vars.less';

@import '_c8y-action-bar-vars.less';
@import '_modal-vars.less';

@import '_navbar-vars.less';
@import '_pagination-vars.less';
@import '_panel-vars.less';
@import '_popover-vars.less';
@import '_progress-bars-vars.less';
@import '_scaffolding.less';
@import '_tables-vars.less';
@import '_thumbnail-vars.less';
@import '_tooltip-vars.less';
@import '_selectize-vars.less';
@import '_page-sticky-header.less';

// @import 'compatibility.less';
@import '_shadows.less';


// dashboard themes
@import 'dashboard-themes/_branded-dashboard.less';
@import 'dashboard-themes/_dark-dashboard.less';
@import 'dashboard-themes/_white-dashboard.less';
@import 'dashboard-themes/_transparent-dashboard.less';
