@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';
@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 '_shadows.less';