/**
 * Variables Index
 *
 * Imports and forwards all SCSS variable files.
 * These files are kept in sync with corresponding LESS files during the LESS→SCSS migration.
 *
 * Usage: @use 'variables/index' as *;
 */

/* Configuration variables */
$use-relative-paths: false !default;

/* Import and forward all variable modules */

@use '_color-defaults' as *;
@forward '_color-defaults';

@use 'tokens/c8y-design-tokens' as *;
@forward 'tokens/c8y-design-tokens';

@use 'tokens/c8y-design-tokens-dark' as dark;

@use '_typography-vars' as *;
@forward '_typography-vars';

@use '_layout-vars' as *;
@forward '_layout-vars';

// Forward components-vars and forms-vars
@use '_components-vars' as *;
@forward '_components-vars';

@use '_forms-vars' as *;
@forward '_forms-vars';

// Forward color-vars (hide duplicate variables defined in components-vars)
@use '_color-vars' as *;
@forward '_color-vars' hide
  $component-background-default,
  $component-border-width,
  $component-border-style,
  $component-actions-opacity;

@use '_scaffolding' with (
  $use-relative-paths: $use-relative-paths
);
@forward '_scaffolding' hide $use-relative-paths;

@use '_brand-vars' with (
  $use-relative-paths: $use-relative-paths
);
@forward '_brand-vars' hide $use-relative-paths;

@use '_navigator' as *;
@forward '_navigator';

@use '_dlt-c8y-icons-vars' as *;
@forward '_dlt-c8y-icons-vars';

@use '_c8y-icon-vars' as *;
@forward '_c8y-icon-vars';

@use '_alert-vars' as *;
@forward '_alert-vars';

@use '_badge-vars' as *;
@forward '_badge-vars';

@use '_breadcrumbs-vars' as *;
@forward '_breadcrumbs-vars';

@use '_buttons-vars' as *;
@forward '_buttons-vars' hide $switch-width, $switch-height, $switch-radius, $switch-sm, $switch-background-default, $switch-background-active;

@use '_code-vars' as *;
@forward '_code-vars';

@use '_label-vars' as *;
@forward '_label-vars';

@use '_tag-vars' as *;
@forward '_tag-vars';

@use '_map-vars' with (
  $use-relative-paths: $use-relative-paths
);
@forward '_map-vars' hide $use-relative-paths;

@use '_c8y-action-bar-vars' as *;
@forward '_c8y-action-bar-vars';

@use '_modal-vars' as *;
@forward '_modal-vars';

@use '_navbar-vars' as *;
@forward '_navbar-vars';

@use '_pagination-vars' as *;
@forward '_pagination-vars';

@use '_panel-vars' as *;
@forward '_panel-vars';

@use '_popover-vars' as *;
@forward '_popover-vars';

@use '_progress-bars-vars' as *;
@forward '_progress-bars-vars';

@use '_tables-vars' as *;
@forward '_tables-vars';

@use '_thumbnail-vars' as *;
@forward '_thumbnail-vars';

@use '_tooltip-vars' as *;
@forward '_tooltip-vars';

@use '_selectize-vars' as *;
@forward '_selectize-vars';

@use '_page-sticky-header' as *;
@forward '_page-sticky-header';

@use 'shadows' as *;
@forward 'shadows';

// Dashboard themes
@use 'dashboard-themes/_branded-dashboard' as *;
@forward 'dashboard-themes/_branded-dashboard';

@use 'dashboard-themes/_dark-dashboard' as *;
@forward 'dashboard-themes/_dark-dashboard';

@use 'dashboard-themes/_white-dashboard' as *;
@forward 'dashboard-themes/_white-dashboard';

@use 'dashboard-themes/_transparent-dashboard' as *;
@forward 'dashboard-themes/_transparent-dashboard';

/* Dark theme mixin application */
.c8y-system-theme{
  @media(prefers-color-scheme: dark) {
    @include dark.c8y-dark-theme();
  }
}