// === Core ===
@use './core/fonts' as *;
@use './core/palette' as *;
@use './core/palette-dark' as *;
@use './core/theme' as *;
@use './core/typography' as *;
@use './core/focus' as *;
@use './core/hover' as *;
@use './core/cursors' as *;
@use './core/spacing' as *;
@use './core/radius' as *;
@use './core/dimensions' as *;
@use './core/state' as *;

// === Settings ===
@use './settings/breakpoints' as *;

// === Components ===
@use './components/icons' as *;
@use './components/buttons' as *;
@use './components/collapse' as *;
@use './components/form' as *;
@use './components/links' as *;
@use './components/texts' as *;
@use './components/selects' as *;
@use './components/navigation' as *;
@use './components/menu' as *;
@use './components/footer' as *;

// === Utilities ===
@use './utilities/helpers' as *;
@use './utilities/spacing' as *;
@use './utilities/layout' as *;
@use './utilities/text' as *;
@use './utilities/palette' as *;
@use './utilities/border' as *;

// === Global ===
:root {
  --default-global-background-color: var(--other-background-base);
  --global-background-color: var(--default-global-background-color);
}

// === Base styles ===
html,
body,
#app {
  height: 100%;
  background-color: var(--global-background-color);
  font-family: var(--font-family-primary);
  margin: var(--spacing-none);
}

// === Reset headers ===
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  margin-top: 0;
}

// === Typography base ===
*,
::before,
::after {
  font-family: var(--font-family-primary);
}

// Class used for useTextTruncation measures
.av-text-truncation-measure {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  max-height: none !important;
  height: auto !important;
}