@import 'tokens/c8y-design-tokens';
@import 'tokens/c8y-design-tokens-dark';

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

@import '_brand-vars';
@import '_color-vars';

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

@import '_alert-vars';
@import '_badge-vars';
// @import '_breadcrumbs-vars';
@import '_buttons-vars';

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

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

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

@import 'shadows';