// EZSCALE Design System
@use "variables";
@use "animations";
@use "typography";
@use "component-overrides";
@use "layouts";
@use "marketing";

// ━━━ Global Base Styles ━━━

html {
  scroll-behavior: smooth;
}

html,
body,
#app {
  min-height: 100vh;
}

// Links
a {
  text-decoration: none;
}

// Iconify icon sizing
svg.iconify {
  block-size: 1em;
  inline-size: 1em;
}

// Vuetify paragraph margin
p {
  margin-block-end: 1rem;
}

// Logo inversion for light backgrounds
.logo-light {
  filter: brightness(0) saturate(100%);
}
